Skip Navigation

[Resolved] table borderless not work

This support ticket is created 3 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 4 replies, has 2 voices.

Last updated by Christian Cox 3 years, 5 months ago.

Assisted by: Christian Cox.

Author
Posts
#2155211
Screenshot 2021-08-30 at 4.38.32 PM.png

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

#2155345

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.

#2155475
Screen Shot 2021-08-30 at 10.42.20 AM.png

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.

#2155559

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.

#2155571

Thanks for reporting your solution.