Как добавить строки в таблицу данных jQuery со скрытыми столбцами? - PullRequest
3 голосов
/ 04 марта 2010

Я использую плагин jQuery dataTables для обновления таблиц HTML.

1-й столбец таблицы данных содержит первичный ключ строки и скрыт. Единственный способ, которым я смог успешно это сделать, - это добавить стиль CSS «display: none;» или «видимость: свернута»;

Когда таблица обновляется до dataTable, «aoColumns» для 1-го столбца также имеет «bVisible»: false, чтобы указать dataTable скрыть этот столбец.

При вызове fnAddData (...) для добавления новой строки данных в таблицу данные для скрытого столбца появляются в 1-м видимом столбце, и каждая последующая ячейка данных сдвигается на одну ячейку вправо.

Проще говоря, создается впечатление, что dataTable «забывает», что столбец скрыт. Первичный ключ необходим для целей обратных передач AJAX.

Есть идеи, как обойти эту проблему?

Ответы [ 2 ]

1 голос
/ 13 октября 2012

У вас есть автоматически сгенерированные столбцы? Или фиксированные столбцы?

если у вас есть фиксированные столбцы:

просто нужно установить sClass для столбца ID.

<style>
.hidden{
 display:none;
 }
</style>
oTable = $('#table').dataTable( {  
"aoColumns" : [     
    { sTitle: 'id', sClass: "hidden" }  
]   } );

если у вас есть столбцы с автоматическим гнератетом:

вы просто определяете столбец идентификатора в массиве столбцов с помощью (sClass: 'hidden')

0 голосов
/ 04 марта 2010

Обновление:

Вскоре после публикации этого вопроса я обнаружил, что перемещение скрытого столбца таким образом, чтобы он не был первым столбцом, было (?) Решением. Есть комментарии?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...