Move searchbar on the left and make it occupy 100% of table's width

[Deleted User]

The user and all related content has been deleted.

allan

This is the CSS you'll want to make it 100% width:

div.dataTables_wrapper div.dataTables_filter label {
  display: block;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  margin: 0;
}

http://live.datatables.net/levovefu/1/edit

I've also used placeholder text rather than a label outside of the input to allow it to be truly 100% width.

I'd also like "Name" th to be centered, but only it: I tried using bootstrap classes (text-center) but they don't seem to work

It does, but there is some padding-right which is knocking it off center. This is a workaround:

<th class="text-center" style="padding: 4px 3rem;">Name</th>

We need to update DataTables / Bootstrap styling to have that built in really (for columns which don't have sorting on them which is what is causing the issue here).

Allan

[Deleted User]

The user and all related content has been deleted.

[Deleted User]

The user and all related content has been deleted.

colin

As Allan said, we'll need to update the styling. I've raised it internally (DD-1401 for my reference) and we'll report back here when there's an update.

Cheers,

Colin

[Deleted User]

The user and all related content has been deleted.