Как изменить заголовок и ширину Datatables columnFilter плагин

Question

Как я могу настроить Datatables Плагин ColumnFilter для настройки ширины входного фильтра в нижней части каждого столбца?

Мне нужно изменить заполнитель, указанный в каждом поле ввода. Я не хочу, чтобы это имя поля данных, но я хочу показать пользовательскую строку.

Возможно ли это через конфигурацию Columnfilter или Datatable?

Заранее благодарен, Giuseppe.

Answer 1

Ну, вы когда-нибудь изучали код? Его очень легко изменить. Заполнители - это просто контент, указанный в необходимых разделах <tfoot>. Если мы посмотрим на классический ColumnFilter demo, структура:

<tfoot> 
    <tr> 
     <th>Rendering engine</th> 
     <th>Browser</th> 
     <th>Platform(s)</th> 
     <th>Engine version</th> 
     <th>CSS grade</th> 
    </tr> 
</tfoot> 

изменения, что, например:

<tfoot> 
    <tr> 
     <th>Enter engine name</th> 
     <th>Enter browser name</th> 
     <th>Enter platform</th> 
     <th>Enter engine version</th> 
     <th>Enter CSS grade</th> 
    </tr> 
</tfoot> 

демо ->http://jsfiddle.net/pbu5xfyp/

---

Там нет возможности для стилизации отдельных входов, генерируемых ColumnFilter. Это должно быть сделано «рукой» в CSS; имхо намного самый простой способ сделать это (пример):

tfoot th:nth-child(1) input { 
    width: 40px; 
} 
tfoot th:nth-child(2) input { 
    width: 240px; 
    background-color: #ebebeb; 
} 
tfoot th:nth-child(3) input { 
    width: 100px; 
    color: red; 
} 

и т.д., демо ->http://jsfiddle.net/3uqvwofo/