Horizontally dragabble datatable

Feature Request

Horizontally srcollable datatable’s

Have you already implemented a prototype solution, for your own project?

Yes

Do you see this as a core feature or an add-on?

Core feature

Code:

vendor\backpack\crud\src\resources\views\crud\inc\datatables_logic.blade.php

.......
  dataTableConfiguration: {
        initComplete: function () {
            var tableBody = document.querySelector ('.dataTables_scrollBody');
            var headerTable = document.querySelector ('.dataTables_scrollHead');
            var curDown = false;
            var oldScrollLeft = 0;
            var oldScrollTop = 0;
            var curXPos = 0;
            var curYPos = 0;

            if (tableBody) {
                tableBody.addEventListener ("mousemove", function (e) {
                if (curDown === true) {
                    tableBody.scrollLeft = oldScrollLeft + (curXPos - e.pageX);
                    headerTable.scrollLeft = oldScrollLeft + (curXPos - e.pageX);
                    tableBody.scrollTop = oldScrollTop + (curYPos - e.pageY);
                }
                });

                tableBody.addEventListener ("mousedown", function (e) {
                    curDown = true;
                    e.target.style.cursor = 'grab';
                    curYPos = e.pageY;
                    curXPos = e.pageX;
                    oldScrollLeft = tableBody.scrollLeft;
                    oldScrollTop = tableBody.scrollTop;
                });

                tableBody.addEventListener ("mouseup", function (e) {
                    e.target.style.cursor = 'initial';
                    curDown = false;
                });

                tableBody.addEventListener ("scroll", function (e) {
                headerTable.scrollLeft = tableBody.scrollLeft;
                });
            }
        },
        ..................
        @if ($crud->getResponsiveTable())

[tabacitu]

I’m back with a 6-month progress report: zero 😅 And since nobody else reacted to this, we’ve decided not to add this by default - no point. If someone wants it, they should be able to do it by adding a script, using the script widget. It’s not great… but it’s possible… 🤷‍♂️

[tabacitu]

I have good news for you @er2es . You can already do that, using $this->crud->disableResponsiveTable(). Check out the brief docs here - https://backpackforlaravel.com/docs/4.1/crud-api#responsive-table

Cheers!