Как не допустить, чтобы поля ввода внутри таблицы определяли форму таблицы - PullRequest
0 голосов
/ 28 апреля 2020

Это моя таблица

enter image description here

Я добавил поля поиска в качестве первой строки, которые фильтруют значения таблицы: enter image description here

Как видите, ширина столбцов таблицы теперь различна.

Как сохранить ширину столбцов, которая была до добавления строки поиска? Кроме того, как я могу легко контролировать ширину столбца?


<!DOCTYPE html>
<html>
    <head>
...

<table id="myTable" style="leftside" align="center">
            <tr style="border-bottom:1pt solid black;">
                <th>Title</th>
                <th>Priority</th>
                <th>Datetime</th>
                <th>Assigned To</th>
                <th>Reported By</th>
                <th></th>
                <th></th>
                <th></th>
            </tr>
            <tr style="border-bottom:1pt solid black;">
                <td><input type="text" id="myInput0" onkeyup="myFunction0()" placeholder="Search..." style="border: none;"
                class="MyTestClass"></td>
                <td><input type="text" id="myInput1" onkeyup="myFunction1()" placeholder="Search..." style="border: none;"
                class="MyTestClass"></td>
                <td></td>
                <td><input type="text" id="myInput3" onkeyup="myFunction()" placeholder="Search..." style="border: none;"
                class="MyTestClass"></td>
                <td><input type="text" id="myInput4" onkeyup="myFunction4()" placeholder="Search..." style="border: none;"
                class="MyTestClass"></td>
                <td></td>
                <td></td>
            </tr>
            {% for post in posts %}
                {% if 'ongoing' in post.status %}
            <tr>
                <td><a class="article-title" href="{{ url_for('post', post_id=post.id) }}">{{ post.title }}</a></td>
                <td>{{ post.priority }}</td>
                <td><strong><small>{{ post.date_posted }}</small></strong></td>
                <td><small>{{ post.assigned_to }}</small></td>
                <td><small>{{ post.reported_by }}</small></td>
                <td><a class="btn btn-primary" class="article-title" href="{{ url_for('update_post', post_id=post.id) }}">Edit</a></td>
                <td><a class="btn btn-primary" class="article-title" href="{{ url_for('mark_complete', post_id=post.id) }}">&#10003;</a></td>
            </tr>
            <tr>
                <td colspan="7">
                    <div class="collapse" id="collapseExample">
                        <div class="card card-body">{{ post.description }}</div>
                    </div>
                </td>
            </tr>
              {% endif %}
            {% endfor %}
        </table>
...

Большое спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...