Warning: session_start(): open(/var/lib/php/fpm/session/sess_gh6hkjkbdc3g9ec9lrsersku80, O_RDWR) failed: No such file or directory (2) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Notice: Undefined index: HTTP_REFERER in /var/www/tst02/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
Selectable table not selecting rows - Material Design for Bootstrap

Selectable table not selecting rows


Topic: Selectable table not selecting rows

cfo64nc pro asked a year ago

Expected behavior

row being selected in table on click.

Actual behavior

row is not selected

Resources (screenshots, code snippets etc.)

Note, I'm using 4.7.6 MDBootstrap, but it wasn't listed above so I picked 4.7.5. Sample html and json files on my Dropbox (Link)


Piotr Glejzer staff commented a year ago

Hi, I can't copy your json file, even If I am logged in to Dropbox. We don't use extensions buttons in our data tables.

https://imgur.com/a/3uS3Une

Check this photo, I tested with static HTML file and it's working.


cfo64nc pro commented a year ago

Try this link https://gist.github.com/ilovetogetspamed/26fdb5cacc70f3a806841e294d0cb1b6 I apologize for dropbox not working for you.


Piotr Glejzer staff answered a year ago

Hi,
So, the main problem with your topic is the fact that you can't use mdb editor with JSON file? So If this is the main problem there is a fix for that. You have to add mdbEditor() initiate function to $('document').ready like that.

let myJasonData = $.getJSON("example.json", function (data) {
  // console.log('Columns: ' + data.columns);
  $.each(data.columns, function (key, value) {
    // Get the table header column titles
    // console.log(key);
    // console.log(value);
    let thItems = [];
    thItems.push("<th>" + value["title"] + "</th>");
    // console.log(thItems);
  });
  // Get the data
  // console.log('Data: ' + data.data);
});
// test returned data....

// This populates the table header and data
$(document).ready(function () {
  $('#dtWorkorders').DataTable({
    data: myJasonData.responseJSON.data,
    columns: myJasonData.responseJSON.columns
  });

  $('#dtWorkorders').mdbEditor({
    modalEditor: true
  });
});

$('.dataTables_length').addClass('bs-select');

And it will be work. Check these photos.
https://ibb.co/yyr7y2f
https://ibb.co/FmpfwSW
https://ibb.co/8KNmDd4
Best,
Piotr


cfo64nc pro answered a year ago

My trouble is in the row's are not being selected. So I cant edit or delete rows. Also, adding rows isn't working. Modal pops up but row is not inserted.

I've tried with both Safari and Chrome.

See video at https://vimeo.com/329784994


Ozgun YILMAZ commented 2 months ago

I have same problem with mdbootstrap table editor. It can’t be selected and so not be inserted et deleted.please help


Grzegorz Bujański staff commented 2 months ago

Hi. Please paste your code that doesn't work for you. I'll check what's going on.


cfo64nc pro commented 2 months ago

https://gist.github.com/ilovetogetspamed/26fdb5cacc70f3a806841e294d0cb1b6 is the code as far as I can remember.


Piotr Glejzer staff answered a year ago

Did you try use this code? MDB Editor initiate function should be inside $(document).ready(..).

$(document).ready(function () {
  $('#dtWorkorders').DataTable({
    data: myJasonData.responseJSON.data,
    columns: myJasonData.responseJSON.columns
  });

  $('#dtWorkorders').mdbEditor({
    modalEditor: true
  });
});

Thanks for a video!


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.7.5
  • Device: iMac
  • Browser: Safari
  • OS: OSX Mojave
  • Provided sample code: No
  • Provided link: Yes