Начальные классы таблиц 'border- *' не могут работать без родительского класса с табличными границами, но родительский класс не может быть изменен

Question

Класс Bootstrap 4 'с рамкой таблицы', по-видимому, необходим для того, чтобы классы border- * работали над s.При попытке изменить части границы таблицы класс, ограниченный таблицей, не изменяется.Это для простого ввода калькулятора.Я хочу получить ячейку таблицы для 0 под 8. Сетка 3х3 с одной ячейкой изгнанников под средним столбцом.Я также использую последнюю производственную сборку React.

Я попытался полностью избавиться от класса «ограниченный таблицей», но потом дочерние элементы больше не получают класс «border-dark».

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<table className="ml-5 mb-5 mt-4 table-bordered">
  <tr>
    <td className="p-3 border-dark">1</td>
    <td className="p-3 border-dark">2</td>
    <td className="p-3 border-dark">3</td>
  </tr>
  <tr>
    <td className="p-3 border-dark">4</td>
    <td className="p-3 border-dark">5</td>
    <td className="p-3 border-dark">6</td>
  </tr>
  <tr>
    <td className="p-3 border-dark">7</td>
    <td className="p-3 border-dark">8</td>
    <td className="p-3 border-dark">9</td>
  </tr>
  <tr>
    <td className="p-3 border-dark border-left-0 border-bottom-0"></td>
    <td className="p-3 border-dark">0</td>
  </tr>
</table>