Allow to create lists without a container

[llagerlof]

Is it possible to create a List without the need of a container? Because putting a div to act as a container changes the DOM parent-child structure if someone (aka: me) put this into some pre-existing project.

Let's look at your examploe below. It works perfectly, but I really need to create a parent container like, in this example, (<div id="users">)? Is there some way I can have a list just from the <tbody class="list"> without creating a parent element?

<div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>
  <table>
    <!-- IMPORTANT, class="list" have to be at tbody -->
    <tbody class="list">
      <tr>
        <td class="name">Jonny Stromberg</td>
        <td class="born">1986</td>
      </tr>
      <tr>
        <td class="name">Jonas Arnklint</td>
        <td class="born">1985</td>
      </tr>
    </tbody>
  </table>

</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
<script>
var options = {
  valueNames: [ 'name', 'born' ]
};
var userList = new List('users', options);
</script>