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

Показать идентификатор массива в столбце с помощью DataTables

Я использую DataTables на странице, при этом исходные данные находятся в массиве javascript.

Структура таблицы очень проста; раздел aoColumns:

"aoColumns" : [
        { "sTitle" : "Who"},
        { "sTitle" : "What" },
        { "sTitle" : "Status" }
    ]

Когда я показываю таблицу, я бы хотел, чтобы в первом столбце отображался индекс строки из исходного массива.

Итак, если aaData содержит:

["John", "Do something", "Waiting"],
["Jane", "More things", "Done"],
["Zed", "Stay awesome", "Ongoing]

Тогда таблица действительно будет отображать:

ID | Who  | What         | Status**
0  | John | Do Something | Waiting
1  | Jane | ....
2  | Zed  | ....

Дополнительный бонус за то, как идентификатор, показанный в таблице, на самом деле был индексом массива + 1 (таким образом, строка Джона будет начинаться с 1, строка Джейн с 2 и так далее).

javascript datatables
07.03.2014

Ответы:


1

Используйте эту функцию для создания таблицы:

  otable.fnClearTable();
  $.each(datasource, function(key, value) {
    //Want that Bonus:-)
    var id = key + 1;
    otable.dataTable().fnAddData([
      id,
      value[0],
      value[1],
      value[2],
    ]);
  });

Рабочий плункер здесь

07.03.2014
  • Очень круто спасибо. И бонус есть :) Спасибо. Из интереса, можно ли это сделать с помощью более стандартного кода создания таблицы, как показано jsfiddle.net/Mb9He? 08.03.2014
  • Лучший способ сделать это - добавить индекс в ваш массив перед применением таблиц данных. Это легко сделать в цикле. Вот плунжер, который ПОКАЗЫВАЕТ индекс при рендеринге строки. Он не добавляет фактические данные, поэтому индекс не поддается сортировке. Надеюсь, это поможет в любом случае. plnkr.co/edit/1WJlNf1zqTIXj72ff7G7?p=preview 08.03.2014
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..