Это моя таблица
![enter image description here](https://i.stack.imgur.com/wL8GO.jpg)
Я добавил поля поиска в качестве первой строки, которые фильтруют значения таблицы:
Как видите, ширина столбцов таблицы теперь различна.
Как сохранить ширину столбцов, которая была до добавления строки поиска? Кроме того, как я могу легко контролировать ширину столбца?
<!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) }}">✓</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>
...
Большое спасибо