Dear Sir/Madam,
Refer to screenshot, you can find that I add the borderless class to the table but don't know why the table is still being striped, does it not support in View?
It looks Toolset generate the table itself and override the custom class.
Below is my code in the View
<div class="container wpv-loop js-wpv-loop">
<table class="contestant-table table table-borderless">
[wpv-conditional if="( wp_is_mobile() eq '0' )"]
<tr class="contestant-tr">
[wpv-conditional if="( '[get_apptype id="[wpv-attribute name='wpvmyappid']"]' eq 'I' )" ]
<th>編號</th>
<th>形式</th>
<th>參賽者</th>
<th>報考詳情</th>
<th>指導老師 (學校/機構)</th>
<th>評分</th>
<th>備註</th>
[/wpv-conditional]
[wpv-conditional if="( '[get_apptype id="[wpv-attribute name='wpvmyappid']"]' eq 'G' )" ]
<th>編號</th>
<th>形式</th>
<th>報考曲目</th>
<th>指導老師 (學校)</th>
<th>評分</th>
<th>備註</th>
[/wpv-conditional]
</tr>
[/wpv-conditional]
<wpv-loop>
[wpv-conditional if="( wp_is_mobile() eq '1' )"]
[wpv-post-body view_template="loop-item-in-contestant-list-mobile-view"]
[/wpv-conditional]
[wpv-conditional if="( wp_is_mobile() eq '0' )"]
<tr>
[wpv-post-body view_template="loop-item-in-contestant-list"]
</tr>
[/wpv-conditional]
</wpv-loop>
</table>
</div>
Best regards,
Kelvin
It looks like the .table-striped class is applied somewhere farther up in the HTML document in a place I cannot see in your screenshot. This class is targeted by Bootstrap for table striping. Can I see this table in the browser? Is it available on your site at a live URL? Please provide a login if necessary and I will take a closer look.
The .table-striped class is in this View:
hidden link
See the screenshot here. This .table-striped class seems to override other borderless styles applied to nested content. That seems to be how Bootstrap works.
Dear Christian,
Thanks for your reply and finding, I find a solution which helps
https://stackoverflow.com/questions/50545808/bootstrap-forcing-table-striping
Best regards,
Kelvin.
Thanks for reporting your solution.