Method to turn off 100% table width?

EvanGoss

In some instances, I'd like to prevent DataTables from setting tables to 100% width. I don't care for all the whitespace that results when a table doesn't have much data, such as 2 columns with a few numbers in each column (example).

It appears that DataTables adds "width:100%;" to the <table> and calculated widths (in pixels) to the <th> elements.

<table style="width:100%;">
  <thead>
    <tr>
      <th style="width:150px;">Column 1</th>
      <th style="width:150px;">Column 2</th>
    </tr>
  </thead>
</table>

What's the best method for preventing this so that the native browser column sizing is preserved?

Thanks,
Evan

allan

In addition to removing that attribute, you'd need to use:

table.dataTable {
  width: auto;
}

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

Allan

EvanGoss

Great. Thanks Allan!