Відмінності між версіями «Test2»
Перейти до навігації
Перейти до пошуку
Рядок 1: | Рядок 1: | ||
<div class=" | <html> | ||
<head> | |||
<meta charset="UTF-8"> | |||
<title></title> | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> | |||
</head> | |||
<body> | |||
<div class="table-container"> | |||
}} | <label>Buscar:</label><input type="text" onkeyup="filter(event)"> | ||
} | <table id="easy-table" class="table is-striped is-bordered"> | ||
</ | <thead> | ||
<tr> | |||
<th>Id шаблону</th> | |||
<th>Назва шаблону</th> | |||
<th>Інстанція</th> | |||
<th>Justice</th> | |||
<th>Категорія</th> | |||
<th>Судочинство</th> | |||
<th>Підкатегорія</th> | |||
<th>Doc type</th> | |||
<th>Representative</th> | |||
<th>Is active</th> | |||
<th>Порядок кроків у шаблоні</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
</tbody> | |||
</table> | |||
<div id="paginator"></div> | |||
</div> | |||
<script src="js/script.js"></script> | |||
<script> | |||
// dummy data | |||
const NAMES = ['Paul', 'Anne', 'Benji', 'Carl', 'Sarah', 'Julie', 'Ryan', 'Steve','Peter', 'Samantha']; | |||
const LAST_NAMES = ['Smith', 'Anderson', 'Morrison', 'Kane', 'Ferguson', 'Warner', 'Hammer', 'Phillips','Thompson', 'Chang']; | |||
const COUNTRIES = ['South Africa', 'England', 'Australia', 'Mexico', 'China', 'Japan', 'Honduras','Canada','France','Spain'] | |||
let data = []; | |||
for(let i = 0; i < 100; i++){ | |||
let row = { | |||
id: i, | |||
name: NAMES[Math.floor(Math.random() * 10)], | |||
last_name: LAST_NAMES[Math.floor(Math.random() * 10)], | |||
country: COUNTRIES[Math.floor(Math.random() * 10)], | |||
age: Math.floor(Math.random() * 99) | |||
} | |||
data.push(row); | |||
} | |||
// required options | |||
const options = { | |||
tableId:'easy-table', | |||
currentPage:1, | |||
perPage:10, | |||
autoHeaders:true, | |||
arrowUp:'⇑', | |||
arrowDown:'⇓', | |||
previousText:'❮', | |||
nextText:'❯', | |||
} | |||
setTable(data, options); | |||
</script> | |||
</body> | |||
</html> |
Версія за 04:45, 9 лютого 2022
Id шаблону | Назва шаблону | Інстанція | Justice | Категорія | Судочинство | Підкатегорія | Doc type | Representative | Is active | Порядок кроків у шаблоні |
---|