diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html
index 4bac6313f..fb9ff4ca9 100755
--- a/node/src/documents/collections/table.html
+++ b/node/src/documents/collections/table.html
@@ -67,7 +67,7 @@ type : 'UI Collection'
Positive / Negative
A cell may let a user know whether a value is good or bad:
-
+
Name |
Status |
@@ -102,7 +102,7 @@ type : 'UI Collection'
Error
A cell or row may alert the user to an error or a negative value:
-
+
Name |
Status |
@@ -136,7 +136,7 @@ type : 'UI Collection'
Warning
A cell or row may warn a user:
-
+
Name |
Status |
@@ -170,7 +170,7 @@ type : 'UI Collection'
Active
A cell or row can be active:
-
+
Name |
Status |
@@ -202,7 +202,7 @@ type : 'UI Collection'
Disabled
A cell can be disabled:
-
+
Name |
Status |
@@ -239,7 +239,7 @@ type : 'UI Collection'
Collapsing
By default tables take the size of their container. A collapsing takes up only as much space as its rows.
-
+
Name |
Status |
@@ -271,9 +271,9 @@ type : 'UI Collection'
-
Grid
-
A table may have a grid to help differentiate cells
-
+ Cells
+ A table may be divided into cells to help segment content
+
Name |
Status |
@@ -310,7 +310,7 @@ type : 'UI Collection'
Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's tablesort plugin to provide the proper class names.
-
+
Name |
Status |
@@ -343,7 +343,7 @@ type : 'UI Collection'
Padded
A table may sometimes need to be more padded for legibility
-
+
Name |
Status |
@@ -366,7 +366,7 @@ type : 'UI Collection'
Compact
A table may sometimes need to be more compact to make more rows visible at a time
-
+
Name |
Status |
diff --git a/node/src/files/components/semantic/src/collections/table.css b/node/src/files/components/semantic/src/collections/table.css
index b85f83b75..43ba6a0bb 100644
--- a/node/src/files/components/semantic/src/collections/table.css
+++ b/node/src/files/components/semantic/src/collections/table.css
@@ -95,7 +95,7 @@
---------------*/
/* Grid */
-.ui.grid.table tr:hover td {
+.ui.celled.table tr:hover td {
background-color: rgba(0, 0, 0, 0.02);
color: rgba(0, 0, 0, 1);
}
@@ -130,8 +130,8 @@
box-shadow: 0px 0px 1px 0px #3FF63B inset;
/* border-color: #2FCB05 !important; */
}
-.ui.grid.table tr.positive:hover td,
-.ui.grid.table tr:hover td.positive,
+.ui.celled.table tr.positive:hover td,
+.ui.celled.table tr:hover td.positive,
.ui.table tr.positive:hover td,
.ui.table td:hover.positive,
.ui.table th:hover.positive {
@@ -148,8 +148,8 @@
background-color: #F9F4F4;
color: #CD2929;
}
-.ui.grid.table tr.negative:hover td,
-.ui.grid.table tr:hover td.negative,
+.ui.celled.table tr.negative:hover td,
+.ui.celled.table tr:hover td.negative,
.ui.table tr.negative:hover td,
.ui.table td:hover.negative,
.ui.table th:hover.negative {
@@ -170,8 +170,8 @@
-webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
}
-.ui.grid.table tr.error:hover td,
-.ui.grid.table tr:hover td.error,
+.ui.celled.table tr.error:hover td,
+.ui.celled.table tr:hover td.error,
.ui.table tr.error:hover td,
.ui.table td:hover.error,
.ui.table th:hover.error {
@@ -193,8 +193,8 @@
-webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
box-shadow: 0px 0px 1px 0px #FFE569 inset;
}
-.ui.grid.table tr.warning:hover td,
-.ui.grid.table tr:hover td.warning,
+.ui.celled.table tr.warning:hover td,
+.ui.celled.table tr:hover td.warning,
.ui.table tr.warning:hover td,
.ui.table td:hover.warning,
.ui.table th:hover.warning {
@@ -234,17 +234,17 @@
Grid
---------------*/
-.ui.grid.table {
+.ui.celled.table {
color: rgba(0, 0, 0, 0.55);
}
-.ui.grid.table tbody tr,
-.ui.grid.table tfoot tr {
+.ui.celled.table tbody tr,
+.ui.celled.table tfoot tr {
border: none;
}
-.ui.grid.table th {
+.ui.celled.table th {
border: 1px solid #E0E0E0;
}
-.ui.grid.table tbody td {
+.ui.celled.table tbody td {
border: 1px solid #E0E0E0;
}
diff --git a/src/collections/table.css b/src/collections/table.css
index b85f83b75..43ba6a0bb 100755
--- a/src/collections/table.css
+++ b/src/collections/table.css
@@ -95,7 +95,7 @@
---------------*/
/* Grid */
-.ui.grid.table tr:hover td {
+.ui.celled.table tr:hover td {
background-color: rgba(0, 0, 0, 0.02);
color: rgba(0, 0, 0, 1);
}
@@ -130,8 +130,8 @@
box-shadow: 0px 0px 1px 0px #3FF63B inset;
/* border-color: #2FCB05 !important; */
}
-.ui.grid.table tr.positive:hover td,
-.ui.grid.table tr:hover td.positive,
+.ui.celled.table tr.positive:hover td,
+.ui.celled.table tr:hover td.positive,
.ui.table tr.positive:hover td,
.ui.table td:hover.positive,
.ui.table th:hover.positive {
@@ -148,8 +148,8 @@
background-color: #F9F4F4;
color: #CD2929;
}
-.ui.grid.table tr.negative:hover td,
-.ui.grid.table tr:hover td.negative,
+.ui.celled.table tr.negative:hover td,
+.ui.celled.table tr:hover td.negative,
.ui.table tr.negative:hover td,
.ui.table td:hover.negative,
.ui.table th:hover.negative {
@@ -170,8 +170,8 @@
-webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
box-shadow: 0px 0px 1px 0px #F3A2A2 inset;
}
-.ui.grid.table tr.error:hover td,
-.ui.grid.table tr:hover td.error,
+.ui.celled.table tr.error:hover td,
+.ui.celled.table tr:hover td.error,
.ui.table tr.error:hover td,
.ui.table td:hover.error,
.ui.table th:hover.error {
@@ -193,8 +193,8 @@
-webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset;
box-shadow: 0px 0px 1px 0px #FFE569 inset;
}
-.ui.grid.table tr.warning:hover td,
-.ui.grid.table tr:hover td.warning,
+.ui.celled.table tr.warning:hover td,
+.ui.celled.table tr:hover td.warning,
.ui.table tr.warning:hover td,
.ui.table td:hover.warning,
.ui.table th:hover.warning {
@@ -234,17 +234,17 @@
Grid
---------------*/
-.ui.grid.table {
+.ui.celled.table {
color: rgba(0, 0, 0, 0.55);
}
-.ui.grid.table tbody tr,
-.ui.grid.table tfoot tr {
+.ui.celled.table tbody tr,
+.ui.celled.table tfoot tr {
border: none;
}
-.ui.grid.table th {
+.ui.celled.table th {
border: 1px solid #E0E0E0;
}
-.ui.grid.table tbody td {
+.ui.celled.table tbody td {
border: 1px solid #E0E0E0;
}