Bootstrap динамически значение на таблице td - PullRequest
Новая
       54

Bootstrap динамически значение на таблице td

0 голосов
/ 07 октября 2019

У меня есть объект массива, подобный этому: 

[{  
   'id':data.id,
   'full_name':data.full_name,
   'email':data.email,
   'phone_number':data.phone_number,
   'taking_course':db.session.query(Schedule).filter(Schedule.student_id==data.id).all()
}]

Значение taking_course Я беру значение из Flask-SQLAlchemy запрос.

Затем яхочу отобразить массив в моей таблице, и я использую DataTables здесь.

Проблема, с которой я сталкиваюсь, заключается в том, что для столбца Бегущий курс данные неконстанта, что означает, иногда у меня есть 3 значения, а иногда у меня есть 1 значение и другие возможные значения. Как и мой скриншот ниже:

enter image description here

Я хочу сделать его отзывчивым, особенно в столбце Курс .

Вот фрагмент моего кода: 

<table id="example" class="table table-striped table-bordered dt-responsive nowrap table table-striped" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Student</th>
            <th>Email</th>
            <th>Phone number</th>
            <th>Taking Course</th>
        </tr>
    </thead>
    <tbody>
    {% for data in students %}
        <tr>
            <td>{{ data.full_name }}</td>
            <td>{{ data.email }}</td>
            <td>{{ data.phone_number }}</td>
            {% for data2 in data['taking_course'] %}
                <td>{{ data2.course }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
    </tbody>
    <tfoot>
        <tr>
        <th>Student</th>
        <th>Email</th>
        <th>Phone number</th>
        <th>Taking Course</th>
        </tr>
    </tfoot>
</table>

Итак, суть моих вопросов в том, как сделать столбец Training Course отзывчивым, если значение больше одного .. ?, возможно ли использовать DatabTales ..?, если нет, то как насчет Bootstrap, может ли Bootstrap сделать это ..?

...