|
|
| Рядок 1: |
Рядок 1: |
| {{#css: | | {{#css: |
| .easy-table {
| | { |
| font-family: Arial, Helvetica, sans-serif; | | font-family: Arial, Helvetica, sans-serif; |
| border-collapse: collapse; | | border-collapse: collapse; |
| Рядок 6: |
Рядок 6: |
| } | | } |
|
| |
|
| .easy-table td, .easy-table th {
| | td, th { |
| border: 1px solid #ddd !important; | | border: 1px solid #ddd; |
| padding: 8px; | | padding: 8px; |
| } | | } |
|
| |
|
| .easy-table tr:nth-child(even){background-color: #f2f2f2;}
| | tr:nth-child(even){background-color: #f2f2f2;} |
|
| |
|
| .easy-table tr:hover {background-color: #ddd;}
| | tr:hover {background-color: #ddd;} |
|
| |
|
| .easy-table th {
| | th { |
| padding-top: 12px; | | padding-top: 12px; |
| padding-bottom: 12px; | | padding-bottom: 12px; |
| text-align: left; | | text-align: left; |
| background-color: #04AA6D; | | background-color: #61bbd385; |
| color: white;
| |
| } | | } |
| }} | | }} |
| Рядок 29: |
Рядок 28: |
| <div class="table-container"> | | <div class="table-container"> |
| <label>Пошук:</label><input type="text" onkeyup="filter(event)"> | | <label>Пошук:</label><input type="text" onkeyup="filter(event)"> |
| <table id="easy-table"> | | <table id="easy-table" class="table is-striped is-bordered"> |
| <thead> | | <thead> |
| <tr> | | <tr> |