下巴正在读取有关插入的部分数据+向下键按

发布于 2025-01-21 23:02:38 字数 2698 浏览 4 评论 0原文

表包含2个螺纹钳口仅读取第1个线程和主体,它不会读取下一个线程,它直接跳过该部分,如何解决此问题。当我使用插入+下箭头键时,它应该一一读取所有数据。

<div class="span16 m-t-2x width-100">
                            <table class="table planValResultsTbl" id="planValResultsTbl">
                                <thead>
                                <tr>
                                    <th class="pad-table align-left">Member</th>
                                    <th class="pad-table align-left">Age</th>
                                    <th class="pad-table align-left">DOB</th>
                                    <th class="pad-table align-left">Coverage Start Date</th>
                                    <th class="pad-table align-left">Non-Capped Premium</th>
                                    <th class="pad-table align-left">Capped Premium</th>
                                </tr>
                                </thead>
                                <tbody>
                                
                                    <tr align="char">
                                        <td class="pad-table">
                                            Primary Applicant</td>
                                        <td class="pad-table align-left">28</td>
                                        <td class="pad-table align-left">
                                            08/08/1994
                                        </td>
                                        <td class="pad-table align-left">
                                            08/15/2022
                                        </td>
                                        <td class="pad-table align-left noncapped" style="text-align: left">$164.00</td>
                                        <td class="pad-table align-left capped" style="text-align: left">$164.00</td>
                                    </tr>
                                
                                </tbody>
                                <thead>
                                <tr align="char">
                                    <th colspan="6" class="pad-table total">
                                        Capped Premium Total   &emsp;
                                        <span class="cappedPremiumCurrencyVal">$164.00</span></th>
                                </tr>
                                </thead>
                            </table>
                        </div>

Table contains 2 thread JAWS read only 1st thread and body it won't read next thread it direcly skip that part, how to resolve this . when i use insert+down arrow key it should read all data one by one.

<div class="span16 m-t-2x width-100">
                            <table class="table planValResultsTbl" id="planValResultsTbl">
                                <thead>
                                <tr>
                                    <th class="pad-table align-left">Member</th>
                                    <th class="pad-table align-left">Age</th>
                                    <th class="pad-table align-left">DOB</th>
                                    <th class="pad-table align-left">Coverage Start Date</th>
                                    <th class="pad-table align-left">Non-Capped Premium</th>
                                    <th class="pad-table align-left">Capped Premium</th>
                                </tr>
                                </thead>
                                <tbody>
                                
                                    <tr align="char">
                                        <td class="pad-table">
                                            Primary Applicant</td>
                                        <td class="pad-table align-left">28</td>
                                        <td class="pad-table align-left">
                                            08/08/1994
                                        </td>
                                        <td class="pad-table align-left">
                                            08/15/2022
                                        </td>
                                        <td class="pad-table align-left noncapped" style="text-align: left">$164.00</td>
                                        <td class="pad-table align-left capped" style="text-align: left">$164.00</td>
                                    </tr>
                                
                                </tbody>
                                <thead>
                                <tr align="char">
                                    <th colspan="6" class="pad-table total">
                                        Capped Premium Total    
                                        <span class="cappedPremiumCurrencyVal">$164.00</span></th>
                                </tr>
                                </thead>
                            </table>
                        </div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

如果没有 2025-01-28 23:02:38

您不能在单个&lt; table>&gt;元素中添加一个以上的&lt; 16155396/is-it-it-it-valid-to-to-more-than-thead-thead-or-tfoot-element-in-a-a-table“>请参阅以前的问题和 w3c html )。

您需要将最后一行放置在&lt; tbody&gt;元素中,或者使用&lt; tfoot&gt;元素。

例如:

<div class="span16 m-t-2x width-100">
    <table class="table planValResultsTbl" id="planValResultsTbl">
        <thead>
            <tr>
                <th class="pad-table align-left">Member</th>
                <th class="pad-table align-left">Age</th>
                <th class="pad-table align-left">DOB</th>
                <th class="pad-table align-left">Coverage Start Date</th>
                <th class="pad-table align-left">Non-Capped Premium</th>
                <th class="pad-table align-left">Capped Premium</th>
            </tr>
        </thead>
        <tbody>
            <tr align="char">
                <td class="pad-table">Primary Applicant</td>
                <td class="pad-table align-left">28</td>
                <td class="pad-table align-left">08/08/1994</td>
                <td class="pad-table align-left">08/15/2022</td>
                <td class="pad-table align-left noncapped" style="text-align: left">$164.00</td>
                <td class="pad-table align-left capped" style="text-align: left">$164.00</td>
            </tr>
        </tbody>
        <tfoot>
            <tr align="char">
                <th class="pad-table total" colspan="6">Capped Premium Total   <span class="cappedPremiumCurrencyVal">$164.00</span></th>
            </tr>
        </tfoot>
    </table>
</div>

我使用Chrome和Jaws 2022测试了上面的代码,它使用 insert + down arrow ,包括底数。

You can't add more than one <thead> in a single <table> element (see this previous SO question and the W3C HTML <table> spec for reference).

You need to place your last row either inside the <tbody> element, or use the <tfoot> element instead.

For example:

<div class="span16 m-t-2x width-100">
    <table class="table planValResultsTbl" id="planValResultsTbl">
        <thead>
            <tr>
                <th class="pad-table align-left">Member</th>
                <th class="pad-table align-left">Age</th>
                <th class="pad-table align-left">DOB</th>
                <th class="pad-table align-left">Coverage Start Date</th>
                <th class="pad-table align-left">Non-Capped Premium</th>
                <th class="pad-table align-left">Capped Premium</th>
            </tr>
        </thead>
        <tbody>
            <tr align="char">
                <td class="pad-table">Primary Applicant</td>
                <td class="pad-table align-left">28</td>
                <td class="pad-table align-left">08/08/1994</td>
                <td class="pad-table align-left">08/15/2022</td>
                <td class="pad-table align-left noncapped" style="text-align: left">$164.00</td>
                <td class="pad-table align-left capped" style="text-align: left">$164.00</td>
            </tr>
        </tbody>
        <tfoot>
            <tr align="char">
                <th class="pad-table total" colspan="6">Capped Premium Total   <span class="cappedPremiumCurrencyVal">$164.00</span></th>
            </tr>
        </tfoot>
    </table>
</div>

I tested the code above using Chrome and JAWS 2022 and it read the whole table using Insert + Down Arrow, including the bottom row.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文