DataTables - Möglichkeiten zum Platzeinsparen?

[Dsimon24]

Hallo zusammen,

ich nutze für eine zu sortierende Tabelle DataTables in der Standard-Konfiguration.

Wie im Screen ersichtlich, habe ich in der obersten Zeile sehr viel Platz zwischen dem letzten
Buchstabe der Bezeichnung und den Pfeilen für die Sortierung. Die Inhalte darunter benötigen
ebenfalls wenig Platz, sodass man bei der entsprechenden (bzw. der ersten beiden) Zeile etwas
Platz einsparen könnte.

Hat einer eine Idee, wie ich entsprechend die Spalte verkleinern kann, um den nicht benötigten
Platz einzusparen?

Kann man eigentlich darüber hinaus definieren, dass standardmäßig die zweite (oder dritte,
vierte) Spalte abwärts sortiert wird? Aktuell ist es ja standardmäßig immer die erste Spalte.

Vielleicht hat da einer ein paar Tipps für mich.

VG

 

[benneq]

Mit CSS sollte das möglich sein. Vielleicht findet sich hier was: https://datatables.net/examples/styling/
Oder hier: https://datatables.net/manual/styling/

 

[Dsimon24]

Da schau ich mal rein, danke dir.

Mit CSS habe ich es versucht. Versuche ich bspw. über Chrome die Seite zu untersuchen,
habe ich folgenden Wert sort stehen:

element.style {
width: 54px;
}

Setze ich den auf 29px, wird die Zelle kleiner. Ändere ich es im Code, bringt diese
Änderung aber nichts.

SO hab ich es ebenfalls versucht:

$('#example').dataTable( {
  "columnDefs": [
    { "width": "29px", "targets": 0 }
  ]
} );

Der Wert ändert sich dann auch, allerdings weit über 100px. Trage ich 10px ein,
ist der kurz unter 100px - also es ändert sich was, aber es wird nicht das über-
nommen, was ich hinterlege.

 

[Dsimon24]

Also, ich habe jetzt rausgefunden, dass der Wert, den ich als Pixel angebe,
sich in der Realität immer verändert. Ein Muster konnte ich aber nicht sehen.
Mache ich 1%, wird sie viel größer - mache ich 2% wird es etwas kleiner -
sehr merkwürdig. Hat einer ne Idee dazu?