Is it possible to nest table controls inside each other using the 'dom' option?

Is it possible to nest table controls inside each other using the 'dom' option?

morganneymorganney Posts: 3Questions: 1Answers: 0

I understand that the dom option allows you to wrap table elements with custom html, but is it also possible using this option to nest controls.

For example, I'd like to nest the information summary inside the generated html for the pagination control. Specifically, I'd like the

<

div> for the information control to be inserted between the 2nd and 3rd <a>'s of the pagination control giving an effect like this: << < Showing: 1 to 10 of 500 > >>

I can easily use DOM manipulation to insert the controls where I please, however I noticed that when I do this after the info control is updated (via paging, filtering, etc.) the element will no longer be present in the DOM.

This question has an accepted answers - jump to answer

Answers

  • morganneymorganney Posts: 3Questions: 1Answers: 0

    Clearly I can simply clone the element for the information summary, insert the clone where I wish in the DOM with a new class or id, and then hide the original with CSS each time the pager and info controls are updated, but this feel rather hackish.

  • allanallan Posts: 64,090Questions: 1Answers: 10,569 Site admin
    Answer ✓

    Its an interesting idea, but I'm afraid that no, this isn't currently possible What you are looking for would really require a custom pagination plug-in.

    Allan

  • morganneymorganney Posts: 3Questions: 1Answers: 0

    Thanks Allan. I was able to achieve my goal with CSS only.

This discussion has been closed.