2015-03-17 2 views
0

Утренней все,фильтр колонки на кнопку мыши в DataTables

Новое в DataTables, питона и JQuery так, медведь со мной. Я пытаюсь получить таблицу datatables, импортированную через python, для фильтрации результатов столбцов при нажатии кнопки. Я уже искал ответы на это, но большинство из них, похоже, ориентировано на текстовые фильтры или фильтры селектора, что не совсем то, что я ищу.

Вот JSFiddle макета я создал:

https://jsfiddle.net/4m5up9bx/2/

<div align=center><a href="a" class="navy small btn">Mapping Tools</a> 
    <a href="b" class="teal small btn">Charting Tools</a> 
    <a href="c" class="green small btn">Analyzing Data</a> 
    <a href="d" class="yellow small btn">Programming Tools</a> 
    <a href="e" class="orange small btn">Other Data Tools</a></div> 


    <table id="tools" border=1 cellpadding=7> 
     <thead> 
     <th>Program</th> 
     <th>Type</th> 
     <th>Skill Level</th> 
     <th>Website</th> 


    </thead> 
    <tbody> 
     <tr> 
      {% for obj in object_list %} 

      <td><a href="{{ obj.id }}/">{{ obj.program }}</a></td> 
      <td>{{ obj.type }}</td> 
      <td>{{ obj.skill_level }}</td> 
      <td><a href="{{ obj.website }}/">{{ obj.website }}</a></td> 
      </tr> 
     {% endfor %} 
    </tbody> 
    </table> 

не совсем работают без питона, но даст вам суть. Для начала таблица отображает все результаты, как и следовало ожидать. По сути, все, что я хочу сделать, это позволить кому-то щелкнуть одну из кнопок и иметь фильтр таблицы, если столбец «Тип» равен установленному текстовому значению.

У меня есть поле («Тип»), которое включает в себя пять заданных значений: картирование, диаграммы, анализ данных, программирование и прочее.

Итак, если кто-то нажал кнопку «Инструменты отображения», мне бы хотелось, чтобы datatable фильтрует только результаты, где {{obj.type}} = «Сопоставление» Любые мысли?

ответ

0

вы можете использовать серверный тип данных. где вы можете передать пользовательский параметр для своего объекта (т. е. сопоставление, диаграммы) в запрос ajax и извлечь данные json и показать на datatable. или вы можете проверить «Generated content for a column»

+1

Спасибо! Я дам ему вихрь. – sstirling