JQuery DataTable

Wie behebt man das datatable overflow Problem?

Theme creator: https://datatables.net/manual/styling/theme-creator

Wenn man den CSS über den Theme creator erstellt und eingebunden hat, müssen folgende Änderungen vorgenommen werden.

1. Suche nach "table.dataTable" und "table-layout: fixed;" hinzufügen
2. Suche nach "table.dataTable thead td {" und "text-overflow: ellipsis;" hinzufügen
3. Suche nach "table.dataTable tfoot td {" und "text-overflow: ellipsis;" hinzufügen
4. Suche nach "table.dataTable tbody td {" und "text-overflow: ellipsis;" hinzufügen

Hier nochmal alle Anpassungen in der Übersicht.

table.dataTable {
    ...
    table-layout: fixed;
    ....
 
table.dataTable thead th,
table.dataTable thead td {
    ...
    text-overflow: ellipsis;
}
 
table.dataTable tfoot th,
table.dataTable tfoot td {
    ...
    text-overflow: ellipsis;
}
 
table.dataTable tbody th,
table.dataTable tbody td {
    ...
    text-overflow: ellipsis;
}