Material Design for datatable.net Component

[MROALI]

Hello, Any native support for https://datatables.net/ is on the roadmap ?

For example implementing : https://codepen.io/tmpmosisili/pen/VEjzoM

Thank you in advance

[djibe]

Hi, I did one thème !

Like Select2, I'll do it in early september. See you

[MROALI]

thankyou :)

[MROALI]

Where can i find documentation for the plugins and for theme select2 and datatable.net ?

[djibe]

Hi, https://select2.org/ and https://www.datatables.net/

I'm working on Material UI doc

[MROALI]

Hi, https://select2.org/ and https://www.datatables.net/

I'm working on Material UI doc

Where will be the location of the material UI Plugins doc ?

[djibe]

Below components, there will be a new section

[MROALI]

You didn't put the plugins documentation in the documentation website yet ? https://djibe.github.io/material/

[djibe]

Hi. Not yet. I am thinking about how to present it.

Build a second CSS file for plugins ? Or build one single large file with plugins ?

[MROALI]

I think that depends of the size of the file, if it's not so heavy.. Keep it in one file which will be easier for use and prevent more than call from the navigator to load the file.

[MROALI]

Hello djibe thanks for the good work.

Any idea when your will include the material design for the datatable.net in the source ?

Best regards

[djibe]

Hi, you may try this WIP datatables-material.zip

[MROALI]

Thank you for the file. I tested it (remove the datatable file and added your file..). There is somebug visible bug like the position of the paginate_button : Also for example the searchbar is not showing so well :

do you have any new version to share ?

[djibe]

Hi. I'll try to fix it in next weeks. Overwhelmed right now

[djibe]

@MROALI I'm on it right now

[djibe]

@MROALI What do you think of this ?

datatables.zip

Compared to this https://material.io/components/data-tables#anatomy

[djibe]

Hi @MROALI , I will release it in the next version next weekend.

[MROALI]

@MROALI What do you think of this ?

datatables.zip

Compared to this https://material.io/components/data-tables#anatomy

Thankyou for the new version :

Do i need to set datatable language $.extend($.fn.dataTable.defaults, { as u did in the sample ? Or just including the css file ?

Another question, does reponsive plugins will still working using your css ?

[djibe]

Hi, latest source is in master. Use same config as previously. Responsive is working, and better in the last commits

[MROALI]

I tested lastest version in master : 1 - search box not showing so well : 2 - the footer section also next and prévious are still visislbe

3- Sort Icon not showing in first colunm...

4- Select item count par page also :

NB : in my datatable i am overriding language to translate it.

"sProcessing": "Traitement en cours...", "sSearch": "Rechercher :", "sLengthMenu": "Afficher MENU éléments", "sInfo": "Affichage de l'élément START à END sur TOTAL éléments", "sInfoEmpty": "Affichage de l'élément 0 à 0 sur 0 élément", "sInfoFiltered": "(filtré de MAX éléments au total)", "sInfoPostFix": "", "sLoadingRecords": "Chargement en cours...", "sZeroRecords": "Aucun élément à afficher", "sEmptyTable": "Aucune donnée disponible dans le tableau", "oPaginate": { "sFirst": "Premier", "sPrevious": "Précédent", "sNext": "Suivant", "sLast": "Dernier" }, "oAria": { "sSortAscending": ": activer pour trier la colonne par ordre croissant", "sSortDescending": ": activer pour trier la colonne par ordre décroissant" }, "select": { "rows": { _: "%d lignes séléctionnées", 0: "Aucune ligne séléctionnée", 1: "1 ligne séléctionnée" }
} };

I tested without it and still not working so well..

[djibe]

Yes you are using my old defaults. I will release the final version this weekend

[djibe]

Hi, I finished writing doc for DataTables.

Everything is in Master branch and I release new version tomorrow.

Here is the doc you need to move forward.

DataTables.zip

PS. Are you French ?

[MROALI]

Hi, I finished writing doc for DataTables.

Everything is in Master branch and I release new version tomorrow.

Here is the doc you need to move forward.

DataTables.zip

PS. Are you French ?

Hello, i am waiting your new version for today :). yes i am french :)

[djibe]

Hi, I am writing Dark theme early version and then I release.

[djibe]

Argh je galère avec Firefox ... (après avoir galéré en JS pour la demo)

[MROALI]

Quel genre de problème ? CSS ou JS ?

[djibe]

Here it is https://djibe.github.io/material/docs/4.5/plugins/datatables/

Firefox a du mal à comprendre qu'un background est blanc par héritage. Donc l'inversion de couleur avec le dark-theme ne fonctionne pas