gcogco10 Ответов: 0

Как сделать таблицу на строки и заполняется колонка?


Привет Команда

Я создал 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 покажите мне пример, чтобы я мог это сделать

0 Ответов