Wie die Größe der Tabelle mit jQuery zuweisen?

Ich möchte die Größe der Tabellenspalte nach meinem Wunsch anpassen. Codierung, die ich verwendet habe, ist unten.Wie die Größe der Tabelle mit jQuery zuweisen?

$('#Details').dataTable({ 
    "columnDefs": [ 
    { 
     "width": "30%", 
     "targets": 'no-sort', 
     "orderable": true 
    },{ 
     "width": "10%", 
     "orderable": true, 
    },{ 
     "width": "10%", 
     "orderable": true, 
    },{ 
     "width": "10%", 
     "orderable": true, 
    },{ 
     "width": "10%", 
     "orderable": true, 
    },{ 
     "width": "15%", 
     "orderable": true, 
    },{ 
     "width": "10%", 
     "orderable": true, 
    },{ 
     "width": "5%", 
     "className": "dt-center", 
     "targets": 'no-sort', 
     "orderable": false, 
    } 
    ], 
});

aber die Breite der Tabellenanzeige ist unterschiedlich. Bild hier beigefügt.

Warum dieses nicht funktioniert? Alles falsch mit der Abfrage? freundlich helfen.

Quelle

2017-09-22 Halim

Verwenden Sie ein Plugin wie 'jqGrid' oder' dataTables'? – Shiladitya

sry Ich bin neu in jquery. Ich weiß nicht über jqgrid .. aber an einigen Stellen wir Benutzer var table = $ ('# Details'). DataTable(); Tabelle erstellen – Halim

Das bedeutet, dass Sie 'dataTables' verwenden. Bitte geben Sie mehr Code an, damit wir Ihnen helfen können. – Shiladitya

Hier gehen Sie mit einer Lösung

$('#Details').dataTable({ 
"columnDefs": [ 
    { 
    "width": "30%", 
    "orderable": true, 
    "targets": 0 
    },{ 
    "width": "10%", 
    "orderable": true, 
    "targets": 1 
    },{ 
    "width": "10%", 
    "orderable": true, 
    "targets": 2 
    },{ 
    "width": "10%", 
    "orderable": true, 
    "targets": 3 
    },{ 
    "width": "10%", 
    "orderable": true, 
    "targets": 4 
    },{ 
    "width": "15%", 
    "orderable": true, 
    "targets": 5 
    },{ 
    "width": "10%", 
    "orderable": true, 
    "targets": 6 
    },{ 
    "width": "5%", 
    "className": "dt-center", 
    "targets": 7, 
    "orderable": false, 
    } 
], 
});

Referenzdokument:https://datatables.net/forums/discussion/30530/set-fixed-column-width

Hope this Ihnen helfen.

Quelle

2017-09-22 03:16:55 Shiladitya

sry es funktioniert nicht für mich :-( – Halim

aber danke für Ihre Referenz Link .. Ich fügte hinzu "Ziele": 0 ... "Ziele": 7 neben meine breite größe, (sah in ur link frage) .. jetzt funktioniert es danke .. – Halim

so für meine frage oben ist nicht die richtige antwort .. können sie update plz? dann werde ich als crct antwort kreuzen .. – Halim

diese CSS hinzufügen und es wird yout Tabellenlayout festgelegt, wie Sie es zugewiesen:

#Details{ 
    margin: 0 auto; 
    width: 100%; 
    clear: both; 
    border-collapse: collapse; 
    table-layout: fixed; // ***********add this 
    word-wrap:break-word; // ***********and this 
}

Quelle

2017-09-22 04:22:02

Vielen Dank für Ihre Antwort .. Aber ich habe meine Antwort .. – Halim

Wie die Größe der Tabelle mit jQuery zuweisen?

Antwort

Verwandte Themen