DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Shrinking table to minimal width (autoWidth: true not working)

Shrinking table to minimal width (autoWidth: true not working)

yetyet Posts: 43Questions: 17Answers: 1
in DataTables 1.10

I am generating a DT from existing HTML markup. All columns have the same width although autoWidth: true is set. The DataTable() constructor does not contain any column specific width specs for the columns.

So how can I shrink the table width to its minimal width?

Answers

  • allanallan Posts: 63,691Questions: 1Answers: 10,500 Site admin

    The DataTables CSS contains width:100% for the table. You would need to remove that from the CSS.

    Allan

  • yetyet Posts: 43Questions: 17Answers: 1
    edited September 2017

    You're correct with the width: 100% rule coming from the CSS however overriding the width using

    <table id="listing" style="max-width: 500px !important; width: 500px !important">

    does not help at all.

  • allanallan Posts: 63,691Questions: 1Answers: 10,500 Site admin

    It seems to work quite well here: http://live.datatables.net/bacipuxi/1/edit .

    Perhaps you can modify the test case to show me the issue?

    Thanks,
    Allan

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.