Replies

• kthorngren Posts: 21,352Questions: 26Answers: 4,955

  March 2

  Neat solution. I'm guessing you are using ajax which delays the initComplete causing the quick blip between style changes. The only option I can think of is to hide the div container the Datatable is in then, using something like jQuery show(), display the div after the style changes. Like this example with the added ajax option:
  https://live.datatables.net/hutehubu/5/edit

  Kevin
• dariov Posts: 25Questions: 4Answers: 0

  March 2

  @kthorngren sometimes i feel really stupid LOL , that was easier then i thought.

  Anyway it would be nice to have floating labels implemented in datatables and maybe activate them using an option like floatingLabels: true
• kthorngren Posts: 21,352Questions: 26Answers: 4,955

  March 2

  Yes, the easy answer is not always obvious I've seen questions like this asked many times. It would be a neat option. @allan can comment on the likelihood of implement it.

  Kevin
• dariov Posts: 25Questions: 4Answers: 0

  March 3 edited March 3

  @kthorngren is there a way to set initComplete globally so i don't have to call the addFloatingLabelsToDatatable function on each table?

  For example...in my main.js file i have this configuration

  //DataTables Global Options $.extend(true, $.fn.dataTable.defaults, { conditionalPaging: true, processing: true, language: dmConfig.company_settings.default_language === 'it' ? datatablesLang_it : datatablesLang_en, responsive: { details: { type: 'column', target: 0 } } });

  maybe using something like

  $('body').on('init.dt', function () { })

  but how can i pass the istance to retrive the container ?
• kthorngren Posts: 21,352Questions: 26Answers: 4,955

  March 3

  The options docs show how to setup default options for the page.

  Kevin
• kthorngren Posts: 21,352Questions: 26Answers: 4,955

  March 3

  $('body').on('init.dt', function () { })

  Possibly that would work, I haven't tried it though.

  Kevin
• dariov Posts: 25Questions: 4Answers: 0

  March 3

  @kthorngren it seems to work

  https://live.datatables.net/hutehubu/7/edit
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  March 4

  That looks really nice!

  I don't currently have any plans to integrate support for Bootstrap 5's floating labels directly into the Bootstrap 5 integration for DataTables - however, this might be a good candidate for the new feature plug-ins in DataTables 2. A searchFloatingLabel feature could be registered for example - it would create the required markup and attach a listener to an input element that then calls search() as needed.

  Allan
• dariov Posts: 25Questions: 4Answers: 0

  March 4

  hello @allan i will give it a try in the weekend glad to help
• dariov Posts: 25Questions: 4Answers: 0

  March 5

  hello @allan i came up with this solution:

  https://live.datatables.net/hutehubu/17/edit

  but i'm not sure about this:

  $('#'+settings.sTableId).dataTable().api().search(searchInput.value).draw();

  i would like to know if this is approach is fine in your opinion
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  March 5

  That's looking great!

  To get an API instance though, I would suggest:

  let dt = new DataTable.Api(settings);
  

  then you aren't using any of the private parameters.

  Here is a little update showing that: https://live.datatables.net/hutehubu/18/edit .

  Allan
• dariov Posts: 25Questions: 4Answers: 0

  March 5

  Hello @allan here is the plugin:
  https://live.datatables.net/hutehubu/18/edit

  i think it works fine, maybe check the code. I used settings.aLengthMenu to get the avelable options...is there any other way?
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  March 5

  Yeah, I reckon that looks great!

  Its a good point about access to the values to be shown. I don't think there is a way to do it other than settings.aLengthMenu at the moment. If it were set in the initialisation object you could use init(), but that doesn't get a default value.

  I'll have a think about some kind of public API for that.

  Allan
• dariov Posts: 25Questions: 4Answers: 0

  March 5

  @allan thanks if you want you can share it with the community
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  March 5

  Thank you! It might be a good one to wrap up into a plug-in. I'm going to try and make some time to work on the plug-ins in a little while, and will circle back to this when I do that.

  Allan