Показывать заполнитель как значение в TableSorter с раскрывающимся списком Selectize.js
Это мои варианты таблиц сортировки:
.tablesorter({
theme: 'altair',
headerTemplate: '{content} {icon}',
widgets: ['zebra', 'filter'],
widgetOptions: {
filter_reset : 'button.ts_cf_reset',
filter_cssFilter: [,'', 'ts_cf_datepicker_1','ts_cf_datepicker_2', 'ts_cf_select_single']
}
})
И таблица есть:
<table ref="listaElementos" className="uk-table uk-table-hover uk-table-align-vertical uk-table-nowrap tablesorter tablesorter-altair" id="ts_custom_filters">{/* id="ts_custom_filters ts_pager_filter" */}
<thead>
<tr>
<th className="uk-text-center filter-false remove">ID</th>
<th className="uk-text-center" data-placeholder="Buscar empresa">Suministrador</th>
<th className="uk-text-center" data-placeholder="Seleccione rango">Fecha de contrato</th>
<th className="uk-text-center" data-placeholder="Seleccione rango">Vencimiento de contrato</th>
<th className="uk-text-center filter-select" data-placeholder="Seleccione Vigencia">Vigencia</th>
<th className="uk-text-center filter-false remove">Acciones</th>
</tr>
</thead>
<tbody>
{contratos}
</tbody>
</table>
Что мне нужно, это показать заполнитель "Seleccione Vigencia" в качестве фактической опции выпадающего списка (выберите), сделанного с помощью selectize.js. Я вижу заполнитель при загрузке таблицы, но я потерял опцию, когда открывал раскрывающийся список.