Simple Datatables

Topic: Simple Datatables

jmztaylor pro premium asked 2 years ago

The datatable pagination is not rendering properly as seen in screenshot.

Is it possible to use search without having data passed via JS?

*Expected behavior*Properly rendered pagination

*Actual behavior*See screenshot

Resources (screenshots, code snippets etc.) enter image description here

    <div class="datatable">
    <table>
        <thead>
        <tr>
            <th class="th-sm">Actions</th>
            <th class="th-sm">Title</th>
            <th class="th-sm">Date</th>
        </tr>
        </thead>
        <tbody>
        {% for course in courses %}
            <tr>
                <td></td>
                <td>{{ course.title }}</td>
                <td>{{ course.datetime }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

Add comment

jmztaylor pro premium answered 2 years ago

0 0 Best answer

To add to this, it seems there are 2 elements being rendered for most items. For example using the demo select

<select class="select">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
  <option value="6">Six</option>
  <option value="7">Seven</option>
  <option value="8">Eight</option>
</select>

I get 2 select elements rendered on page.

Add comment

mlazaru staff answered 2 years ago