Увеличение ширины отдельных столбцов таблицы в bootstrap

Question

Я хотел создать таблицу, в которой у меня есть следующие столбцы. Но когда я создаю таблицу и вставляю записи bootstrap странным образом увеличивает ширину некоторых таблиц с гораздо меньшим содержанием и уменьшает ширину других столбцов

1.                     <h1 class="mt-4 mb-4">View All Posts In Sorted Manner !</h1>
                       <table class="table">
                                <thead class="thead-dark">
                                    <tr class="">
                                        <th style="width: 5%">ID</th>
                                        <th style="width: 10%">Author</th>
                                        <th style="width: 30%">Title</th>
                                        <th style="width: 5%">Category</th>
                                        <th style="width: 10%">Status</th>
                                        <th style="width: 10%">Images</th>
                                        <th style="width: 10%">Tags</th>
                                        <th style="width: 10%">Comments</th>
                                        <th style="width: 10%">Date</th>
                                    </tr>
                                </thead>
                                <tbody class="">
   

Кстати Я использовал сетку bootstrap и теги style = "width", наиболее часто встречающиеся решения, ни одно из которых не работает! Просьба помочь