Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create semantic CSS table/rows without borders?

Tags:

semantic-ui

the closest I have come is to use "very basic" attributes, but the rows still have borders between them. Any ideas? Thanks

like image 361
alernerdev Avatar asked Mar 18 '18 14:03

alernerdev


People also ask

How to make a table without border in HTML?

How to Make a Table Without Border in HTML 1 HTML Code. In the above-given Output, the border is not displayed. By default, the border rests unavailable in the tabular layout. 2 CSS table without border. By using CSS style table will look better to see. 3 `Conclusion. Table without Border is one of the forms of the table design. ...

What are the different types of tables without border?

Given are the types of a table without border: 1 Nesting Tables#N#Nesting tables refer to the tables inside the table. Nesting of tables is not a good practice, but in... 2 Zebra Striping Tables More ...

What is the use of border in table?

Table border makes an easier representation of the table, separation of rows and columns. Given are the types of a table without border: 1. Nesting Tables Nesting tables refer to the tables inside the table.

How to create a table using HTML semantics?

The <table> element is one of the best examples of HTML semantics, as it only works when it has table-related descendent elements within it. In this step, you will create a <table> element and populate it with example data. To start, open index.html in your text editor and add the HTML in the following code block:


1 Answers

based on https://github.com/Semantic-Org/Semantic-UI/issues/1980

Using ui very basic table class and this custom css:

.ui.table tr td { border-top: 0px !important; }

like image 54
Naeiim Shiri Avatar answered Oct 02 '22 14:10

Naeiim Shiri