jQuery datatables - как установить имя столбца

У меня есть jQuery datable, подключенный к моему приложению ASP.NET, и в настоящее время для отображения имен столбцов у меня есть следующий фрагмент кода в моем представлении Razor.jQuery datatables - как установить имя столбца

<table id="myDataTable" class="display"> 
    <thead> 
     <tr> 
      <th>Contact name</th> 
      <th>Title</th> 
      <th>Country</th> 
      <th>City</th> 
      <th>Project</th> 
     </tr> 
    </thead> 
    <tbody style="font-size:x-small"></tbody> 
</table>

Тогда у меня JavaScript для datatbles JQuery ...

$('#myDataTable').DataTable({ 
     "bServerSide": false, 
     "sAjaxSource": //controller binding, 
     "bAutoWidth": false, 
     "bProcessing": true, 
     "aoColumns": [ 
      { "sName": "CONTACT_NAME" }, 
      { "sName": "TITLE"}, 
      { "sName": "COUNTRY" }, 
      { "sName": "CITY" }, 
      { "sName": "PROJECT" }, 
     ], 
     "bDestroy":true 
    });

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

Как я могу определить столбец таблицы без необходимости устанавливать его в HTML, чтобы я мог избежать этого случайного текста?

Спасибо!

источник

2015-12-17 user3587624

Вы говорите о вспышке неравномерного содержимого? Попробуйте начать с скрытой части html. –

Привет, нет вспышки здесь. В основном у меня есть только HTML, который будет отображать имена столбцов, когда я увеличиваю данные с помощью данных jQuery, но прежде чем я углущусь с помощью datatables, я хочу, чтобы он был скрыт. Если я попытаюсь использовать скрытый атрибут HTML, он всегда будет скрыт, поскольку я не знаю, как отличить, когда я назвал эти данные. Не уверен, что мое объяснение имеет смысл, хотя :) – user3587624

просто установить начальный CSS в #myDataTable к visibility:hidden; так:

#myDataTable { visibility:hidden; }

Таким образом, вы можете поместить его прямо в HTML и просто вызовите следующий JavaScript, чтобы показать его после обновления значения:

document.getElementById('#myDataTable').style.visibility = "visible";

источник

2015-12-17 20:24:05

Ницца! Это сделал трюк! Однако мне пришлось установить его так: 'document.getElementById ('myDataTable'). Style.visibility =" visible ";' – user3587624

arf ... right ... hashtag на мозге, извините;) (рад, что это сработало для вас) –

jQuery datatables - как установить имя столбца

ответ

Смежные вопросы