我想使用2个日期范围过滤器,所以我使用了这个选项:
.tablesorter({
widgets: ['filter'],
widgetOptions: {
,'','ts_cf_datepicker','ts_cf_datepicker', 'ts_cf_select_single']
}
})
所以,我有5列: 第一个没有过滤器。
第二个有一个普通的输入搜索过滤器
第3和第4个有一个ts_cf_datepicker,这是我的问题。
5th有一个ts_cf_select_single过滤器。
当我在第3或第4列过滤器上使用日期选择器时,两列都填充相同的数据。我该如何解决这个问题?这是我的桌子(我正在使用React.js)
<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">Empresa</th>
<th className="uk-text-center" data-placeholder="Seleccione rango">Fecha</th>
<th className="uk-text-center" data-placeholder="Seleccione rango">Vencimiento</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>
我不能(或者我不知道如何)将id与那些输入过滤器分开使用,因为Tablesorter构建那些输入不知道如何。 请帮助。