Apply suggestions from code review

Co-authored-by: Ryan Weaver <weaverryan+github@gmail.com>

Author: kbond

src/TwigComponent/src/Resources/doc/index.rst

@@ -654,7 +654,7 @@ Embedded Components
     Embedded components were added in TwigComponents 2.2.
 
 You can write your component's Twig template with blocks that can be overridden
-when rendering using the ``{% component %}``. These blocks can be thought of as
+when rendering using the ``{% component %}`` syntax. These blocks can be thought of as
 *slots* which you may be familiar with from Vue. The ``component`` tag is very
 similar to Twig's native `embed tag`_.
 
@@ -670,8 +670,8 @@ blocks for the cells and an optional footer:
             <thead>
                 <tr>
                     {% for header in this.headers %}
-                        <th>
-                            {% block th %}{{ header }}{% endblock %}
+                        <th class="{% block th_class %}data-table-header{% endblock %}">
+                            {{ header }}
                         </th>
                     {% endfor %}
                 </tr>
@@ -680,33 +680,34 @@ blocks for the cells and an optional footer:
                 {% for row in this.data %}
                     <tr>
                         {% for cell in row %}
-                            <td>
-                                {% block td %}{{ cell }}{% endblock %}
+                            <td class="{% block td_class %}data-table-cell{% endblock %}">
+                                {{ cell }}
                             </td>
                         {% endfor %}
                     </tr>
                 {% endfor %}
             </tbody>
         </table>
-        {% if block('footer') is defined %}
-            <div class="data-table-footer">
-                {{ block('footer') }}
-            </div>
-        {% endif %}
+        {% block footer %}{% endblock %}
     </div>
 
-When rendering, you can override the ``th``, ``th`` blocks and add a ``footer`` block.
+When rendering, you can override the ``th_class``, ``td_class``, and ``footer`` blocks.
 The ``with`` data is what's mounted on the component object.
 
 .. code-block:: twig
 
     {# templates/some_page.html.twig #}
 
     {% component table with {headers: ['key', 'value'], data: [[1, 2], [3, 4]]} %}
-        {% block th %}custom th ({{ parent() }}){% endblock %}
-        {% block td %}custom td ({{ parent() }}){% endblock %}
+        {% block th_class %}{{ parent() }} text-bold{% endblock %}
+
+        {% block td_class %}{{ parent() }} text-italic{% endblock %}
 
-        {% block footer %}My footer{% endblock %}
+        {% block footer %}
+            <div class="data-table-footer">
+                My footer
+            </div>
+        {% endblock %}
     {% endcomponent %}
 
 .. note::