title: Can I build my own modals in/for DataTables + Editor?
body: <p>I'm working with DataTables, the plug-in for the jQuery Javascript library and its extension Editor . Because my table got over 20 columns my modals for creating and editing entries are looking really confusing because of these many fields.</p>
  
  <p>I now wanted to build my own bootstrap modal, because I can't really array the fields in the Datatable-modal. My question is, whether I'm able to link the fields and buttons of my own modal to the editor-instance and its actions (especially the save-action).</p>
  
  <p>I build a little example-modal with three columns <a href="https://jsfiddle.net/yaksey/3fs7erf4/" rel="nofollow" title="jsFiddle">here</a>.</p>
  
  <pre><code>&lt;div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
              &lt;h3 id="myModalLabel"&gt;Demo Modal&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;label&gt;Label&lt;/label&gt;
                      &lt;input style="width:100px;"&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;label&gt;Label&lt;/label&gt;
                      &lt;input style="width:100px;"&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;label&gt;Label&lt;/label&gt;
                      &lt;input style="width:100px;"&gt;
                  &lt;/div&gt;
              &lt;/div&gt; 
             […]
  </code></pre>