diff --git a/CHANGELOG.md b/CHANGELOG.md
index fa2c65c0..ca603141 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,6 +25,7 @@
* Fix #634 is-grouped control
* Fix #676 checkbox/radio wrapping
* Feature #479 has-icons placement
+* Fix #442 selected table row
## 0.4.0
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index cfd642c2..8698a778 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -2973,6 +2973,22 @@ input[type="submit"].button {
background-color: #fafafa;
}
+.table tr.is-selected {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.table tr.is-selected a,
+.table tr.is-selected strong {
+ color: currentColor;
+}
+
+.table tr.is-selected td,
+.table tr.is-selected th {
+ border-color: #fff;
+ color: currentColor;
+}
+
.table thead td,
.table thead th {
border-width: 0 0 2px;
diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html
index a599aa91..6735ed26 100644
--- a/docs/documentation/elements/table.html
+++ b/docs/documentation/elements/table.html
@@ -13,6 +13,45 @@ doc-subtab: table
+
You simply need to attach a single .table
CSS class on a <table>
with the following structure:
+
+ -
+
table
+
+ -
+
thead
+
+ -
+
tfoot
+
+ -
+
tbody
+
+
+
+
+
+
+ New!
+ 0.4.2
+
+ You can set a table row as selected by appending the is-selected
modifier on a <tr>
+
+
+
{% capture table_example %}