I use bootstrap-table and would like to use table-filter-control extension. In this example you can see how to use this extension. When I want to use this extension for more columns, it doesn't work. In my example filter works only for one column.

jsfiddle

html

<table ref=mainTable class=table table-striped table-bordered table-hover 

       cellSpacing=0 id=mainTable data-show-toggle=true 

       data-show-columns=true data-search=true data-pagination=true data-filter-control=true>

    <thead>

        <tr>

            <th data-field=state data-checkbox=true></th>

            <th data-field=Customer Name data-sortable=true data-filter-control=select>Customer Name</th>

            <th data-field=Location Type data-sortable=true>Location Type</th>

            <th data-field=Location data-sortable=true data-filter-control=select>Location</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td></td>

            <td>Cap Corp</td>

            <td>Main</td>

            <td>Norwalk CT 06851</td>

        </tr>

        <tr>

            <td></td>

            <td>Cap Corp</td>

            <td>Other</td>

            <td>Norwalk CT 06851</td>

        </tr>

        <tr>

            <td></td>

            <td>Tel</td>

            <td>Main</td>

            <td>Slough SL1 4DX</td>

        </tr>

        <tr>

            <td></td>

            <td>Tel</td>

            <td>Other</td>

            <td>London W1B 5HQ</td>

        </tr>

    </tbody>

</table>