Перезагрузите данные из sql baseable

я использую baseable, и мне нужно перезагрузить его одним нажатием кнопки, но без добавления html в таблицу, мне нужно перезагрузить его из sql, поскольку он заполнен в первый раз, возможно

Я попытался использовать div $("#BusList").load(location.href + " #BusList"); данные загружаются, но дизайн полностью перепутан

  <div class="row" id="BusList">
  <table id="demo-foo-filtering" class="table table-striped table-bordered toggle-circle m-b-0" data-page-size="7">
    <thead>
    <tr>
        <th data-toggle="true">Name</th>
        <th>Company</th>
        <th data-hide="phone">Bus Type</th>
        <th data-hide="phone">Bus Model</th>
        <th data-hide="phone">Bus Color</th>
        <th data-hide="phone, tablet">Driver Status</th>
        <th data-hide="phone, tablet">Bus Status</th>
        <th data-hide="phone, tablet"></th>
    </tr>
    </thead>
    <tbody>
    <%
        for (int i = 0; i < BusList.Count; i++)
        {  %>
    <tr class="gradeX">
        <td><%=BusList[i].Name %></td>
        <td><%=BusList[i].CompanyName %></td>
        <td><%=BusList[i].BusType %></td>
        <td><%=BusList[i].BusModel %></td>
        <td><%=BusList[i].BusColor %></td>
        <td><span class="<%= BusList[i].DriverBusStatus == 1?"label label-table label-success":"label label-table label-inverse"%>"><%=BusList[i].DriverBusStatusDesc %></span></td>
        <td><span class="<%= BusList[i].BusStatus == 1?"label label-table label-success":"label label-table label-inverse"%>"><%=BusList[i].BusStatusDesc %></span></td>
        <td>
            <button type="button" class="btn btn-default" onclick="ViewBus(<%=BusList[i].IdBus %>)" />
            View Details</td>
    </tr>
    <%} %>
</tbody>
<tfoot>
    <tr class="active">
        <td colspan="10">
            <div class="text-right">
                <ul class="pagination pagination-split footable-pagination justify-content-end m-t-10 m-b-0"></ul>
            </div>
        </td>
    </tr>
</tfoot>
</table>
</div>

это скриншот перед загрузкой

enter image description here

это скриншот после загрузки

enter image description here

Ответ 1

Вы не footable после загрузки его динамически. Предполагая, что структура HTML будет одинаковой после обновления, вам нужно будет позвонить;

$('#demo-foo-filtering').footable();

После перезагрузки HTML. Первоначально это было сделано при загрузке страницы, а затем вы бросаете это, когда снова захватываете строки с сервера.

Ответ 2

Насколько я вижу, ваш дизайн таблицы зависит только от данных SQL в двух элементах, а другие - от статического:

<td><span class="<%= BusList[i].DriverBusStatus == 1?"label label-table label-success":"label label-table label-inverse"%>"><%=BusList[i].DriverBusStatusDesc %></span></td>
<td><span class="<%= BusList[i].BusStatus == 1?"label label-table label-success":"label label-table label-inverse"%>"><%=BusList[i].BusStatusDesc %></span></td>

Во втором скриншоте правильная конструкция двух элементов. Так что другое дело влияет на дизайн не данных.

Я думаю, что вы забыли назвать footable метод после данных загрузки. Для тестирования этой вещи вы можете запустить код ниже в консоли после загрузки данных, и если таблица истинна, вы должны запустить этот код после загрузки данных.

$('.table').footable();