Problème de colonne fixe datatable (droite uniquement)

J’utilise JQuery Datatable et j’ai rencontré un problème lorsque j’ai utilisé une colonne fixe. Il a été montré deux fois ma colonne fixe

J’utilise un traitement côté serveur et c’est mon code:

dataTable = table.dataTable({ fixedColumns: { leftColumns: 0, rightColumns: 1 }, scrollX:true, scrollCollapse: true, "fnDrawCallback":function(oSettings) { $('div.choosePage select').val(dataTable.DataTable().page()); }, "pagingType":"bootstrap_full_number", "processing": true, "serverSide": true, "ajax": { "data":GETDATA, "dataSrc":SETAJAXDATA }, "fnInitComplete":completeProcess, "colReorder": true, "order": [ [0, 'asc'] ], "dom": "<'row' ><'row'r><'row'>", // horizobtal scrollable datatable })

Ajax fonctionne bien et il n’y a pas de problème lorsque j’utilise une colonne fixe à gauche, mais lorsque je l’utilise à droite, je rencontre ce problème.

Merci.

Je crois que c’est un bogue dans Jquery Datatable si vous n’avez pas configuré scrollY à partir des options, assurez-vous de définir une valeur.

Parce que lorsque vous inspectez l’élément, vous pouvez voir que le débordement par défilement est automatique. Si vous le définissez comme masqué ou si vous ne définissez pas une valeur à partir des options, vous voyez l’espace à droite.

Si vous ne voulez pas utiliser scroll-y, vous devez vous salir les mains avec du code CSS en donnant une marge minime qui est une solution laide. Mais je ne vois aucune autre option pour vous.

C’est dommage pour le plugin datatable Jquery.

Vous trouverez ci-dessous un exemple de liste d’options du site Web du plugin.

 $(document).ready(function() { var table = $('#example').DataTable( { scrollY: "300px", scrollX: true, scrollCollapse: true, paging: false, fixedColumns: { leftColumns: 0, rightColumns: 1 } } ); } );