| Рядок 1: | Рядок 1: | ||
{{#css: | |||
.easy-table { | |||
font-family: Arial, Helvetica, sans-serif; | |||
border-collapse: collapse; | |||
width: 100%; | |||
} | |||
.easy-table td, .easy-table th { | |||
border: 1px solid #ddd !important; | |||
padding: 8px; | |||
} | |||
.easy-table tr:nth-child(even){background-color: #f2f2f2;} | |||
.easy-table tr:hover {background-color: #ddd;} | |||
.easy-table th { | |||
padding-top: 12px; | |||
padding-bottom: 12px; | |||
text-align: left; | |||
background-color: #04AA6D; | |||
color: white; | |||
} | |||
}} | |||
<html> | <html> | ||
<head> | <head> | ||
</head> | </head> | ||
<body> | <body> | ||
<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"> | ||
<thead> | <thead> | ||
<tr> | <tr> | ||