Using SearchBuilder by SSP in Laravel 10

Abdelrahman_Alnashar

`$(document).ready( function () {
$('#datatable').DataTable({

    buttons: [
        {
            extend: 'collection',
            text: 'Export',
            buttons: [
                'copyHtml5',
                'excelHtml5',
                'csvHtml5',
                'pdfHtml5'
            ]
        }
    ],
    dom: 'QBfrtip', //important
    processing: true,
    serverSide: true,
    ajax: {
        url: '/api/web/items',
    },
    columns: [
        { "data": "id", "visible": true },
        { "data": "name" },
        { 
            "data": "description",
            "sortable": false
         },
        {
            data: 'vendor',
            render: function(data, type, row) {
                return data.name;
            },
            "sortable": false
        },            
        { "data": "price" },
        { "data": "category_id", "visible": false },
        { "data": "material_id", "visible": false},
        { "data": "unit_id", "visible": false}
   ]
});
$('.dt-buttons .btn').removeClass('dt-button');

});`

Hi,
I am using SSP in the DataTable, but I am not able to function the conditions in the Search Builder. I went through most of the documentation, I was not able to fix it, please can anyone help me.

colin

What problems are you seeing? Are you getting errors in console? Please can you give more details,

Colin

Abdelrahman_Alnashar

@colin Thank you for replying back, When I select the data from the dropdown list in Searchbuilder and click on Condition, it doesn't open up the dropdown list. But when i make the 'serverSide: false' the codition works properly. I am still new to DataTables and i want to add searchBuilder to my application.