Search results
Nov 28, 2018 · Use the table-borderless bootstrap class. Note my table below has zebra stripes, but that is because I wanted them and has no impact on the table border. If you don't want stripes either, just remove table-striped.
Feb 8, 2018 · .table { border: 1px solid #dddddd; } However, if you want to do it the way you're doing it, the css is: .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; border-right-width:0px; border-left-width:0px; }
Jul 23, 2019 · position: -webkit-sticky; position: sticky; top: 0; z-index: 2; box-shadow: inset 0 1px 0 red, inset 0 -2px 0 red; that works. I notice somehow I can see the content "behind" my header in the gap where the border "should" be. So I set the "top" and "bottom" to -1px. I added a second solution width box-shadow.
I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or mess up the style. Here there is a simple bootstrap table, but for some reason to me unknown the height of the tbody is not 10px. height: 10px !important; overflow: scroll;
May 26, 2018 · ` borders on inside` I mean that inside on the table the are the borders to divide the cell but the borders of the table are invisible like at the figure that I have added now – user9659243 Commented May 26, 2018 at 16:15
May 16, 2018 · If you remove the border-top from the table header, the table has nothing to collapse, so no space is created to see through to the underlying cells. Replace the border-top with a border of the same style in a holding DIV. css: table thead tr:nth-child(1) th { position: sticky; border-top:0; } .table_holder { border-top:1px solid black; } html:
Apr 27, 2016 · 8. Its actually removing the border. The border that you still see is the table border. Check this fiddle with your original code. Once you remove the table border. .table-bordered{. border:none; } The borders will be gone.
Apr 5, 2019 · Try this in your style tag: this is useful for tables which is having <thead> tags as well. .table thead tr td,.table tbody tr td{. border-width: 1px !important; border-style: solid !important; border-color: black !important; -webkit-print-color-adjust:exact ; .ta thead tr td,.ta tbody tr td{.
Jan 4, 2014 · How to style bootstrap 3 border between table head and body. 27. Border radius html table. 3.
Apr 6, 2012 · You can use the ::after selector to add borders to TR : table tbody tr {. position : relative; # to contain the ::after element within the table-row. } table tbody tr td {. position : relative; # needed to apply a z-index. z-index : 2; # needs to be higher than the z-index on the tr::after element. }