Question

我使用带有bootstrap 4的Node.js并在ejs文件中显示数据，我使用了此链接中的bootstrap表。

https://datatables.net/examples/styling/bootstrap4.html

问题是我把静态数据放在表中它工作正常。但是当我从数据库（MySql）获取并打印数据时。数据打印很好但搜索和分页未激活/显示。

页面加载时我已将此代码设置为激活它。

 <tbody>
     <% if(data.length > 0) { %>
         <% for(var i = 0 ; i < data.length ; i++){ %>
             <tr>
                <td>
                  <%= i+1 %>
                </td>
                <td>
                  <%= data[i].customer_name %>
                </td>                    
             </tr>
         <% } %>
     <% } %>
 </tbody>

在表格中我以这种方式打印数据。

{{1}}

Answer 1

当我查看你的代码时，每件事看起来都很好。我在相同的情况下有一个示例工作代码。它可能会帮助你。

<table id="example" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
                <th>Index</th>
                <th>Your_header_name</th>                    
            </tr>
        </thead>
        <tbody>
            <% if(data.length > 0) { %>
                <% for(var i = 0 ; i < data.length ; i++){ %>
                    <tr>
                        <td>
                            <%= i+1 %>
                        </td>
                        <td>
                            <%= data[i].filed_name %>
                        </td>                                                        
                    </tr>
                <% } %>
            <% } %>
        </tbody>
    </table>

引导表搜索和分页无法正常工作

1 个答案: