Answers

• tangerine Posts: 3,365Questions: 39Answers: 395

  May 2019

  Editor Bootstrap 4 styling:
  https://editor.datatables.net/examples/styling/bootstrap4.html

  DOM options for DataTables apply with or without the Editor.
• LimpEmu Posts: 68Questions: 18Answers: 1

  May 2019

  I have seen this example, unfortunately it does not answer my questions. Please note that my questions primarily asked for the resources that were referenced previously in another user's question.

  I was able to play with jquery extend and the style settings available through the browser tools to figure out some of what I need.
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  May 2019 Answer ✓

  I am also trying to find more documentation on $.extend in the context of data tables editor. Per this question, this utility should allow me to modify the default form with the features I would like.

  We use jQuery.extend() as a utility method as it is a convenient way of setting specific properties. You could use Object.assign() in modern browsers (for shallow properties). There is some documentation about that here.

  Finally, the post also mentions to use the DOM option to set the value you want to use, however the link goes to the datatables section of the site, not the editor section, so I am not clear how the dom option will help me.

  There is no dom option for Editor. The original question was "Finally, can col specs be changed in the following col-md-6?" which I took to mean the layout used by DataTables rather than Editor. Perhaps I was wrong...?

  For Editor you can adjust the layout classes using:

  $.extend( true, $.fn.dataTable.Editor.classes, {
      "field": {
          "wrapper": "DTE_Field form-group row",
          "label":   "col-lg-4 col-form-label",
          "input":   "col-lg-8"
      }
  });
  

  Allan
• LimpEmu Posts: 68Questions: 18Answers: 1

  May 2019

  Thank you, Allan.
  I was able to get the field customization to work, much appreciate your help and clarification.