Как сделать таблицу на строки и заполняется колонка?
Привет Команда
Я создал DataTable, но проблема в том, что он имеет одну строку. Как сделать DataTable, чтобы строки заполняли таблицу? Таблица работает, ошибок нет, но моя проблема в том, что она имеет только одну строку и не очень хорошо выглядит для пользовательского опыта.
Что я уже пробовал:
<pre> <!--Building some table here that filters data from db--> <div class="form-group row"> <div style="width:90%; margin:0 auto;"> <table id="eNtsaCourseLists"> <thead> <tr> <th>Id</th> <th>Course</th> <th>Nickname</th> <th>Term</th> <th>Published</th> <th>CourseLicence</th> </tr> </thead> </table> </div> </div> <style> tr.even { background-color: #F5F5F5 !important; } </style> <link href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet" /> </center> <!--Javascript functionality for dataTable--> <script type="text/javascript" charset="utf8" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script> <script> $(function () { $("#eNtsaCourseLists").dataTable({ "ajax": { "url": "/Home/loadTableResults", "type": "GET", "datatype": "json" }, "columns": [ { "data": "Id", "autowidth": true }, { "data": "Course", "autowidth": true }, { "data": "Nickname", "autowidth": true }, { "data": "Term", "autowidth": true }, { "data": "Published", "autowidth": true }, {"data": "CourseLicence", "autowidth":true} ] }); }); </script>
Sandeep Mewara
Непонятный. Что вы подразумеваете под строками, подшитыми по столбцам? Вам нужна таблица/сетка с несколькими строками данных для определенных столбцов? Если это так, то вышеприведенный код нуждается в данных, внесенных или добавленных в виде строк для отображения.
gcogco10
Привет Сандип, да табличная сетка с несколькими строками данных для определенных столбцов.
Gerry Schmitz
Возможно, запрос по умолчанию имеет значение один, если вы не более конкретны.
bbirajdar
Скопируйте и вставьте код между Открытием и закрытием tr несколько раз, и вы получите несколько строк.
gcogco10
@bbirajdar покажите мне пример, чтобы я мог это сделать