2013-07-17 2 views
-1

Я начал использовать таблицы данных для своих таблиц. У меня теперь есть таблица с клиентами. Первая строка - это заголовок таблицы. Вторая строка - кнопка для добавления нового клиента. Остальные строки - это список клиентов.Datatables fix второй ряд

Я хочу, чтобы типы данных отсортировали все, кроме строки «новый клиент». Как заблокировать эту строку/исключить ее из сортировки?

Пробовал так:

<table class="muitable" border="0" cellpadding="0" cellspacing="3" id="customertable"> 
    <thead> 
     <tr> 
      <th> 
      </th> 
      <th> 
      </th> 
      <th class="muitable bluehover hand" > 
         Name 
      </th> 
      <th class="muitable bluehover hand" > 
         Created 
      </th> 
      <th class="muitable bluehover hand" > 
         Status 
      </th> 
     </tr> 
     <tr> 

      <th width="16">&nbsp; 
      </th> 
      <th class="muitable hovernextcell" onclick="newcustomer()"> 
         <img src="/common/images/plus.png" width="16" height="16" class="hand"> 
      </th> 
      <th class="muitable bluecell"> 
         New customer 
      </th> 
      <th colspan="2">&nbsp;</th> 
     </tr> 
    </thead> 
    <tbody> 
    --contents-- 
    </tbody> 
</table> 

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

Как определить, что datatables оставить вторую строку в одиночку и просто использовать первую строку в качестве заголовков?

+0

Пожалуйста, ознакомьтесь с разделом [HELP] (http://www.stackoverflow.com/help) перед отправкой. В меню подписи: _ «Вопросы, требующие кода, должны демонстрировать минимальное понимание проблемы, которая должна быть решена ** Включить попытки решения, почему они не работают, и ожидаемые результаты. См. Также: Вопрос о переполнении стека [контрольный список ] (http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist). "_... – War10ck

+0

Извините, отредактировал сообщение. Пожалуйста, помогите мне сейчас. – Mbrouwer88

ответ

2

Вы можете поместить кнопку «Добавить клиента» в заголовок. Что-то вроде этого:

<thead> 
     <tr> 
      <th>Column 1</th> 
      <th>Column 2</th> 
      <th>etc</th> 
     </tr> 
     <tr> 
      <th colspan="3"> 
       <button>Add Customer</button> 
      </th> 
     </tr> 
    </thead> 

Теперь dataTables не сортирует строку.

jsFiddle: http://jsfiddle.net/Fd3ED/

+0

Я отредактировал оригинал сообщения, пожалуйста, просмотрите его. Если я использую трюк, сортирующие «кнопки» создаются во второй строке, теперь первая строка с фактическими заголовками. – Mbrouwer88

+1

@ Mbrouwer88 Я обновляю jsFiddle Icarus http://jsfiddle.net/bluegeek9bluegeek9/Fd3ED/1/Кнопки сортировки находятся на первом 'TH' –

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