html - 第508章，龙可读表

Question

有谁知道如何使下表龙可读？这是在 rowspan = 2 中具有行数的表。

也许我把标题放在了错误的地方。数字是一行的关键。

现有的表结构是否符合 508 标准，还是我需要其他东西？

    <table class="fullpage_brdr1"; id="complextable"?; summary="Currently Open"; style="text-align: center";>
    <thead>
                    <tr bgcolor="Gray"; class="sortLinks">
                        <th id ="h1" ?>
                            A
                        </th>
                         <th id = "h2" ?>
                            B
                        </th>
                         <th id = "h3" ?>
                            Region
                        </th>
                          <th id = "h4" ?>
                            C
                        </th>
                          <th id = "h5" ?>
                            D
                        </th>
                         <th id = "h6" ?>
                            E
                        </th>
                         <th id = "h7" ?>
                            F
                        </th>
                         <th id = "h8" ?>
                            G
                        </th>
                         <th id = "h9" ?>
                            H
                        </th>
                         <th id = "h10" ?>
                            I
                        </th>
                    </tr>
          </thead>          
                    <tbody title = "row">
                    <tr>
                        <td rowspan="2"; id="number">
                            999999999
                        </td>
                        <td rowspan="2">
                            Storage A
                        </td>
                        <td rowspan="2">
                            Boston
                        </td>

            <th id="expected"> Expected </th>

                            <th headers="number expected h5"> 50 </th>
                            <th headers="number expected h6"> 6,000 </th>
                            <th headers="number expected h7"> 5,000 </th>
                            <th headers="number expected h8"> $25,000 </th>


                            <td rowspan="2">
                            Partially Complete
                        </td>
                        <td rowspan="2">
                            This is test section for Remarks
                        </td>

                            <tr>           
                             <th id="processed"> Processed </th>
                            <th headers="EIN processed h5"> 50 </th>
                            <th headers="EIN processed h6"> 3,000 </th>
                            <th headers="EIN processed h7"> 4,000 </th>
                            <th headers="EIN processed h8"> $20,000 </th>




                            </tr>
                        <tr>
                        <td rowspan="2"; id="number">
                            111111111
                        </td>
                        <td rowspan="2">
                            Storage B
                        </td>
                        <td rowspan="2">
                            Boston
                        </td>

            <th id="expected"> <a href="http://www.google.com">Expected</a> </th>

                            <th headers="number expected h5"> 70 </th>
                            <th headers="number expected h6"> 5,000 </th>
                            <th headers="number expected h7"> 5,000 </th>
                            <th headers="number expected h8"> $35,000 </th>



                        <td rowspan="2">
                            Partially Complete
                        </td>
                        <td rowspan="2">
                            This is test section for Remarks
                        </td>

                            <tr>           
                             <th id="processed"> <a href="http://www.google.com">Processed</a> </th>
                            <th headers="number processed h5"> 50 </th>
                            <th headers="number processed h6"> 2,000 </th>
                            <th headers="number processed h7"> 5,000 </th>
                            <th headers="number processed h8"> $40,000 </th>
                            </tr>
                </tbody>
     </table>

Answer 1

你有太多<th>的在那里，这是问题的一半。一些辅助技术不喜欢合并单元格（rowspan 和 colspan）。

尝试：

<table class="fullpage_brdr1" id="complextable" summary="Currently Open" style="text-align: center">
<thead>
  <tr bgcolor="Gray" class="sortLinks">
    <th id ="h1"> A </th>
    <th id = "h2"> B </th>
    <th id = "h3"> Region </th>
    <th id = "h4"> C </th>
    <th id = "h5"> D </th>
    <th id = "h6"> E </th>
    <th id = "h7"> F </th>
    <th id = "h8"> G </th>
    <th id = "h9"> H </th>
    <th id = "h10"> I </th>
  </tr>
</thead>
<tbody>
  <tr>
    <td rowspan="2" id="number"> 999999999 </td>
    <td rowspan="2"> Storage A </td>
    <td rowspan="2"> Boston </td>
    <th id="expected"> Expected </th>
    <td headers="number expected h5"> 50 </td>
    <td headers="number expected h6"> 6,000 </td>
    <td headers="number expected h7"> 5,000 </td>
    <td headers="number expected h8"> $25,000 </td>
    <td rowspan="2"> Partially Complete </td>
    <td rowspan="2"> This is test section for Remarks </td>
  </tr>
  <tr>
    <th id="processed"> Processed </th>
    <td headers="EIN processed h5"> 50 </td>
    <td headers="EIN processed h6"> 3,000 </td>
    <td headers="EIN processed h7"> 4,000 </td>
    <td headers="EIN processed h8"> $20,000 </td>
  </tr>
  <tr>
    <td rowspan="2"; id="number"> 111111111 </td>
    <td rowspan="2"> Storage B </td>
    <td rowspan="2"> Boston </td>
    <th id="expected"> <a href="http://www.google.com">Expected</a> </th>
    <td headers="number expected h5"> 70 </td>
    <td headers="number expected h6"> 5,000 </td>
    <td headers="number expected h7"> 5,000 </td>
    <td headers="number expected h8"> $35,000 </td>
    <td rowspan="2"> Partially Complete </td>
    <td rowspan="2"> This is test section for Remarks </td>
  </tr>
  <tr>
    <th id="processed"> <a href="http://www.google.com">Processed</a> </th>
    <td headers="number processed h5"> 50 </td>
    <td headers="number processed h6"> 2,000 </td>
    <td headers="number processed h7"> 5,000 </td>
    <td headers="number processed h8"> $40,000 </td>
  </tr>
</tbody>
</table>