html - `width` または `max-width` 属性に従っていませんか?

Question

イベントの期間に関する情報を表示するテーブルがあり、その特定の情報はネストされたテーブルにあります。

スクリーンショットは次のとおりです。

ネストされたテーブルが含まれているのは<td>次のとおりです (レーザー ロジックは無視してください)。

<td>
    <table class="centered" style="width: 100%; table-layout: fixed; white-space: nowrap;">
        <tbody>
            <tr>
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>All Day?</b></td>
                <td id="AllDay-@item.ExternalID" style="width: 160px;">@(item.AllDay.HasValue && item.AllDay.Value == true ? "Yes" : "No")</td>
            </tr>
            @*Should display StartTime & EndTime if AllDay == true??*@
            <tr id="StartTime-@item.ExternalID" style="display: @(item.AllDay.HasValue && item.AllDay.Value == true ? "none" : "block")">
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>Start Time</b></td>
                <td id="StartTime-@item.ExternalID" style="width: 160px;">@item.StartTime</td>
            </tr>
            <tr id="EndTime-@item.ExternalID" style="display: @(item.AllDay.HasValue && item.AllDay.Value == true ? "none" : "block")">
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>End Time</b></td>
                <td id="EndTime-@item.ExternalID" style="width: 160px;">@item.EndTime</td>
            </tr>
        </tbody>
    </table>
</td>

ネストされたテーブルでは、次のスタイルがあります。

style="width: 100%; table-layout: fixed; white-space: nowrap;"

左側の各セル (つまり、「終日?」、「開始時刻」、「終了時刻」) には、次のスタイルがあります。

style="max-width: 81px; width: 81px;"

明らかでない場合、ネストされたテーブルのセルはどれも私のスタイルに従っていません。テーブルがこのようにばかげたごちゃごちゃになる可能性があることさえ知らなかったので、少しイライラします。

ネストされたテーブル内のすべてのテーブル データ セルを適切に配置するにはどうすればよいですか?