## Table Usage example: ```typescript jsx import { Table, TableBodyRow, Skeleton, Text } from '@project-1114/ui-kit' const onlinePlayers = [ {id: 0, nickname: 'TR271V0R', rank: 'Crazy', score: 1488, status: 'Architector', ping: 24}, {id: 1, nickname: '[M]aTRi[X]', rank: 'Мастер', score: 195, status: 'Гл. администратор', ping: 15}, {id: 2, nickname: 'Le[G]ion_kirov_43rus', rank: 'Легенда', score: 1685, status: 'Хелпер', ping: 124}, {id: 3, nickname: 'Dima_Kasim', rank: 'Новичок', score: 212, status: 'Администратор', ping: 224}, {id: 4, nickname: 'Evil_Pryzrak', rank: 'Никто', score: 100, status: 'Игрок', ping: 160}, {id: 5, nickname: 'SmartOryx60', rank: 'Crazy', score: 228, status: 'Игрок', ping: 56}, {id: 6, nickname: 'CloudyShark30', rank: 'Новичок', score: 200, status: 'Игрок', ping: 44}, {id: 7, nickname: 'Pi0ner', rank: 'Мастер', score: 51, status: 'Игрок', ping: 190}, {id: 8, nickname: 'Alan_Masti', rank: 'Crazy', score: 567, status: 'Игрок', ping: 37}, {id: 9, nickname: 'LaRGe', rank: 'Crazy', score: 1010, status: 'Игрок', ping: 15}, {id: 10, nickname: 'M1RoN', rank: 'Crazy', score: 1000, status: 'Architector', ping: 13}, {id: 11, nickname: 'TR271V0R', rank: 'Crazy', score: 1488, status: 'Architector', ping: 24}, {id: 12, nickname: '[M]aTRi[X]', rank: 'Мастер', score: 195, status: 'Гл. администратор', ping: 15}, {id: 13, nickname: 'Le[G]ion_kirov_43rus', rank: 'Легенда', score: 1685, status: 'Хелпер', ping: 124}, {id: 14, nickname: 'Dima_Kasim', rank: 'Новичок', score: 212, status: 'Администратор', ping: 224}, {id: 15, nickname: 'Evil_Pryzrak', rank: 'Никто', score: 100, status: 'Игрок', ping: 160}, {id: 16, nickname: 'SmartOryx60', rank: 'Crazy', score: 228, status: 'Игрок', ping: 56}, {id: 17, nickname: 'CloudyShark30', rank: 'Новичок', score: 200, status: 'Игрок', ping: 44}, {id: 18, nickname: 'Pi0ner', rank: 'Мастер', score: 51, status: 'Игрок', ping: 190}, {id: 19, nickname: 'Alan_Masti', rank: 'Crazy', score: 567, status: 'Игрок', ping: 37}, {id: 20, nickname: 'LaRGe', rank: 'Crazy', score: 1010, status: 'Игрок', ping: 15}, {id: 21, nickname: 'M1RoN', rank: 'Crazy', score: 1000, status: 'Architector', ping: 13}, ]; export function App(){ return ( Online players} heads={[ {columnId: 'id', columnName: 'ID', width: 50}, {columnId: 'avatar', columnName: 'Ava', width: 30}, {columnId: 'name', columnName: 'Name', width: 200}, {columnId: 'rank', columnName: 'Rank', width: 100}, {columnId: 'score', columnName: 'Score', width: 100}, {columnId: 'status', columnName: 'Status', width: 175}, {columnId: 'ping', columnName: 'Ping (ms)', width: 150}, ]} body={onlinePlayers.map(player => [ {columnId: 'id', content: {player.id}}, {columnId: 'avatar', content: }, {columnId: 'name', content: {player.nickname}}, {columnId: 'rank', content: {player.rank}}, {columnId: 'score', content: {player.score}}, {columnId: 'status', content: {player.status}}, {columnId: 'ping', content: {player.ping}}, ] )} maxWidthContent="600px" maxHeightContent="300px" /> ) } ```