Nano Hash - криптовалюты, майнинг, программирование

цвет ячейки - бутстрап-таблицы wenzhixin (или альтернатива)

Некоторое время я использовал таблицы начальной загрузки wenzhixin с отличными результатами, теперь мне нужно раскрасить каждую ячейку в соответствии с другим порогом, я думал вернуть значение ячейки и цвет ячейки через ajax, поэтому я могу выполнить весь процесс в вызов. Я загружаю таблицу так:

if (data) {
    $('#estado').bootstrapTable('removeAll');
    $('#estado').bootstrapTable('load', data);
}

как вы рекомендуете подойти к этой проблеме, может быть, я не должен использовать для этого wenzhixin bt?

Я видел другие ответы, но чтобы использовать их, я должен добавить дополнительный столбец со значением, которое должен иметь следующий, а затем раскрасить его с помощью js, это лучший способ? Благодарю вас!

twitter-bootstrap bootstrap-4 bootstrap-table
28.11.2017

  • Что вы подразумеваете под другим порогом? 29.11.2017
  • Например: Если client_id=1 и продажи‹10, то «плохо». Если client_id=5 и продажи‹5, то «плохо». Значение зависит от атрибута (продажи) и объема, необходимого для каждого клиента. 29.11.2017
  • Итак, допустим, у вас есть 3 значения в строке: client_id, sales и, например. sales_target, а окраска зависит от соотношения между sales и sales_target Я правильно понимаю? 03.12.2017

Ответы:


1

Bootstrap Table должен иметь возможность обрабатывать то, что вы хотите. Три варианта стиля на основе ячеек:

  1. Стилизация строк с использованием параметра таблицы rowStyle, который включает стили CSS для строки таблицы. Это использует функцию, подобную этой, чтобы вы могли получить стиль строки из данных строки:

    function rowStyle(row, index) {
  return {
    classes: 'text-nowrap another-class',
    css: {"color": "blue", "font-size": "50px"}
  };
}

  2. Стилизация ячеек с использованием параметра столбца «cellStyle», который включает стиль CSS для ячейки таблицы. Это использует функцию, подобную этой, чтобы вы могли получить стиль ячейки из данных строки:

    function cellStyle(value, row, index, field) {
  return {
    classes: 'text-nowrap another-class',
    css: {"color": "blue", "font-size": "50px"}
  };
}

    См. полный пример здесь.

  3. Индивидуальное форматирование полей с использованием параметра столбца «formatter», который обеспечивает пользовательское HTML-форматирование содержимого ячейки. Здесь используется функция, подобная этой, для получения HTML-содержимого ячейки таблицы:

    function priceFormatter(value) {
   // 16777215 == ffffff in decimal
   var color = '#'+Math.floor(Math.random() * 6777215).toString(16);
   return '<div  style="color: ' + color + '">' +
          '<i class="glyphicon glyphicon-usd"></i>' +
          value.substring(1) +
          '</div>';
}

    См. полный пример здесь.

29.11.2017
  • @ Алехандро, этот ответ помог? 22.02.2018
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..