Position in second row thead

[felipekoblinger]

Hi!
I didn't find a way (without hard coding) to put filters in second row (tr) of thead.

There is a way to this in options?

Example:

<table>
  <thead>
    <tr>
      <th>Test</th>
    </tr>
    <tr>
      <!-- Filters  here !-->
      <th></th>
    </tr>
  </thead>

  <tbody></tbody>
  <tfoot></tfoot>

</table>

[vedmack]

provide a minimal sample on jsbin and I'll try to see what can be done

[felipekoblinger]

Sorry, vedmack. I made the jsbin and was working perfectly there.
I figured out that the option "orderCellsTop" as true in DataTable was messing the position.

Now everything is working!

Thanks for this great plugin.

[vedmack]

Another reason to provide a test case along with the Q`

[felipekoblinger]

Hi again, Vedmack.
I figured out the problem. I can't find a way to put first row as orderable and second row as filter inputs, without hard-coding.

In this example (https://jsbin.com/fahehihale/edit?html,js,output) the "orderCellsTop: true" is enabled and the first row of thead is orderable (can click to order asc or desc) along with filter inputs (second row is blank). If I set to false in orderCellsTop, everything shows perfectly, but, the orderable click is in second row instead of first row.

So I've just set this line code:

filter_selector_string = table_selector + ' ' + filters_position + ' tr:eq(' + $(unique_th[column_position]).parent().index() + ') th:eq(' + $(unique_th[column_position]).index() + ')';

to

filter_selector_string = table_selector + ' ' + filters_position + ' tr:eq(' + 1 + ') th:eq(' + $(unique_th[column_position]).index() + ')';

And now works first row orderable click and second row filters. I know this is horrible solution, but a quick one to me.

Thanks again.

[vedmack]

fixed in 0.9.0.beta.14 see sample

usage is via global property filters_tr_index

[felipekoblinger]

Thanks, vedmack! 👍