FixedHeader | AngularJS Directive and CSS for creating scrollable tables | Grid library

I have a jquery-datatables that I am populating from a method in C#.

The C# method returns some json which I have validated. However my columns never get populated and instead I get a message that says No data available in table.

I'm completely stuck so hoping someone can help!

I'm learning Laravel framework and I wanted to add Select2 to my project with Laravel-mix. After many hours of trying to do that, I did it and everything seems to work fine, except one little, but very annoying issue.

When I click on my , the search input inside is not focused, so it looks like that: Okay, that not so bad, but when I click on the search input the black line flashes for less than 0,5sec: And after that this line looks like it should (pay attention that on the first image the line was missing): I'm not pretty sure, which lines of my code should I provide. I used npm i select2 command to install select2. Then I used composer require ttskch/select2-bootstrap4-theme command to install better look for bootstrap. webpack.mix.js mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/datatables.scss', 'public/css') .sass('resources/sass/app.scss', 'public/css') .postCss('vendor/ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css', 'public/css') .postCss('node_modules/select2/dist/css/select2.min.css', 'public/css') .sourceMaps(); bootstrap.js try { window.jQuery = window.$ = require('jquery'); window.Popper = require('popper.js').default; require('bootstrap'); require('select2'); require( 'jszip' ); require( 'pdfmake' ); require( 'datatables.net-bs4' )(); require( 'datatables.net-buttons-bs4' )(); require( 'datatables.net-buttons/js/buttons.html5.js' )(); require( 'datatables.net-buttons/js/buttons.print.js' )(); require( 'datatables.net-datetime' )(); require( 'datatables.net-fixedcolumns-bs4' )(); require( 'datatables.net-fixedheader-bs4' )(); require( 'datatables.net-keytable-bs4' )(); require( 'datatables.net-responsive-bs4' )(); require( 'datatables.net-rowgroup-bs4' )(); require( 'datatables.net-rowreorder-bs4' )(); require( 'datatables.net-scroller-bs4' )(); require( 'datatables.net-searchbuilder-bs4' )(); require( 'datatables.net-searchpanes-bs4' )(); require( 'datatables.net-select-bs4' )(); } catch (e) {} app.js jQuery(function () { $(".s2").select2({ theme: 'bootstrap4', focus: true }); }); app.blade.php ... Your choice Option 1 Option 2 ...

Please help me to understand my mistake and how to fix it. I have never used any framework before, so in my other projects I just added maybe about three lines of code and everything worked well, but here I feel totally lost.

I'm using the Column filter from the DataTables library, it adds a filter for each column in my table, the problem and that I need to remove the filter from the first column because it is a checkbox. I have tried some things without success, I will leave the codes that I am using.

Link DataTables: https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html

My Table:

I am creating simple app using Vue3, also i am using Swiprer.js for vue, documentation of swiper.js(for vue3) is incomprehensible to me, i have imported all modules in my application, but now i want to create vertical scrollable slider, like picture below, my swiper component looks like this: , but still can't create vertical scrollable slider, this what my template looks like, any solutions?

I used CellEdit callback to create dropdown selectors in my shiny DataTable. So far, I am not able to retrieve the updated values by making the event table_cell_edit work. I have already spent hours on this without success, could anyone help? I am not very familiar with javascript and I am not sure where the problem comes from.

Here is the code I used:

• Before ui/server

I am update status of product using bootstrap toggle but cna not work. It can not give alert in my jquery function. what is mistake is done by me?? layout.blade.php My layout.blade.php file sequence of jquery is correct or not. I think problem is sequence of files imports in layout.blade.php

I am trying to make my data table Thead a sticky one but when i tried fixed header than it doesn't work . I have tried position: fixed; , top: 0; and try to fix it with css but when a done this action than it works in firefox as expected but it doesn't work as expected in crome edge opera .

On some of my datatables doesn't show the sorting and search. The red boxes is what I want to display but I cant get them showing u on some of my tables. The datatables are exactly the same, I've copied the code but nothing changed. So I'm asking if someone has a solution for me?

Below you will see some of my javascript and html code: