• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[GELOEST] DataTablets Optik anpassen

peternmb

Mitglied
Hallo,

ich möchte bei meinem DataTable die Optik anpassen, ich habe in der Doku auch etwas gefunden blicke aber nicht ganz durch.
Ich habe x Spalten, die ich alle - außer der Spalte 2 und 3 - rechts ausrichten möchte.
Javascript:
$('#myTable').DataTable( {
  columnDefs: [
    {
        targets: -1,
        className: 'dt-right'
    }
  ]
} );
was bedeuted "targets: -1" in dem Beispiel?

Wo/wie ich die Schriftart ändern kann habe ich überhaupt nicht gefunden.
Ich möchte nach Möglichkeit dabei ohne CSS auskommen und das direkt im Script über Javascript realisieren.
 
Werbung:
das mit der Syntax kapiere ich anscheinend nie.
Die Definitionen müssen doch hier mit rein:
HTML:
<body>
    <table id="events" class="display" style="width:100%">
    </table>
    <script>
        const cols = <?php echo json_encode($cols); ?>;
        const tabledata = <?php echo json_encode($dataarray); ?>;
        $.fn.dataTable.moment('DD.MM.YYYY');
        $('#events').DataTable({
            data: tabledata,
            columns: cols,
                pageLength: 50,
            language: {
                url: 'https://cdn.datatables.net/plug-ins/1.10.20/i18n/German.json'
            }
        });
    </script>
</body>
Egal wie ich es versuche, das Script läuft danach nicht mehr.
Es geht nur um den Tabelleninhalt, die Überschriften sind eher egal.
Ich möchte die erste Spalte mittig, Spalte 2+3 linksbündig, die restlichen Zahlenwerte rechts.
Nach Möglichkeit soll soll für Spalte 2 ein "nowrap" gesetzt werden.
 
prima, hasst fast gepassst.

Ich habe aus "dt-right" ein "dt-body-right" gemacht und jetzt passt alles.
Jetzt wo ich sehe wie die Syntax funktioniert schaffe ich es vielleicht auch, einfache Anpassungen selber zu machen...

Nochmals vielen Dank für die tolle Unterstützung
 
Werbung:
Zurück
Oben