Карбоновый стол: Столы для геймеров КАРБОН — карбоновые компьютерные столы купить в Москве

Обзор игрового стола HIPER HG-PAR-1060 KAPPA

Компьютерный стол – несущая конструкция игрового пространства, на территории которого геймер проводит большую часть своего времени. Поэтому он должен быть многофункциональным, надежным и конечно же стильным, подобно герою нашего обзора HIPER HG-PAR-1060.

Существует несколько негласных правил о том, как должен выглядеть среднестатистический стол геймера. Например, дека игрового стола должна достигать высоты в 75 сантиметров, быть не менее 100 сантиметров в ширину, обязательно быть прочной, влагостойкой, не страшащейся износа.

Геймерский стол должен обладать повышенной устойчивостью и системой менеджмента кабелей. Приветствуются дополнительные модули-держатели, возможность менять высоту столешницы, а также всяческие украшения, от стильного дизайна до подсветки.

Сегодня мы рассмотрим недорогой и довольно компактный, но функциональный игровой стол HIPER HG-PAR-1060. Поговорим о сборке, оценим его функционал и изучим недостатки.

Технические характеристики

• Тип деки: геймерский стол;
• Высота: 75 сантиметров;
• Материал деки: МДФ с карбоновым покрытием;
• Материал каркаса: сталь;
• Ширина: 100 см;
• Глубина: 60 см;
• Подсветка: RGB;
• Кабель-вводы: два;
• Дополнительно: держатели для наушников и кружки.

Упаковка и сборка

HG-PAR-1060 сложен в плоскую, не слишком тяжелую коробку с упрочненными пластиком углами. Каждый компонент внутри сложен в отдельный полиэтиленовый пакетик, между металлическими ножками проложены пластины из пены.

Сборка стола осуществляется в три непродолжительных этапа. Первым делом владелец должен изъять деку, перевернуть ее дном вверх и прикрутить две К-образные ноги на четыре комплектных болта с шайбами. К ним прилагается многогранный ключ.

Отверстия в столешнице нарезаны с ювелирной точностью, болты входят легко и фиксируются очень жестко. Проблем с расположением ножек не возникнет – инструкция подробно иллюстрирует их положение относительно выреза на столешнице.

Следом надлежит придать ножкам жесткость при помощи трех поперечен. Две из них крепятся на заднюю часть стола, еще одна, с введенными в полость проводами, – вдоль внутренней стороны деки. На данном этапе нужно соблюдать осторожность, стальные элементы мгновенно оставляют царапины на черном покрытии.

При монтаже ребра под поверхностью деки, владельцу надлежит выбрать, с какой стороны стола будут идти провода подсветки. Определяющей станет часть поперечины с штекером. Именно она замкнет цепь с комплектным проводом, разрешающимся USB-коннектором.

Затем ножки – обычные пластиковые шайбы на длинных винтах, вкручивающиеся вручную на четырех сторонах стола. Производители не предусмотрели регулировку уровня высоты, но с их помощью можно упрочнить стол на неровной поверхности.

На финишной прямой останется прикрутить к столу пару модулей: слева и справа на внутренней стороне бортов столешницы проделаны отверстия для подстаканника, спереди находятся пазы для монтажа подставки для наушников.

Стол собирается буквально за пятнадцать минут, с этой задачей легко справится подросток. Самая трудная часть – ровно нанести наклейки на ножки стола. В комплекте их шесть, по три с каждой стороны. Можно обойтись и без декора, но с ним HIPER HG-PAR-1060 смотрится интереснее.

Особенности и впечатления

Самая сильная сторона HIPER HG-PAR-1060 – превосходная МДФ дека толщиной 15 миллиметров. 100-сантиметровой ширины более чем достаточно, чтобы разместить на столе всю необходимую периферию, а глубина в 60 сантиметров позволяет комфортно разместиться с 27-дюймовым монитором.

Покрытие под карбон не только изумительно смотрится. Оно совершенно не маркое и совсем не скользкое, отталкивает влагу и едва ли быстро сотрется. Пыль на деке видна хорошо, но это не должно стать проблемой для пользователя, который регулярно убирается на столе.

Обратите внимание на углы столешницы – карбоновый панцирь их полностью закрывает и сглаживает. Производители геймерских столов нередко клеят на ребра гибкие ленты, которые со временем неизбежно отходят, из-за чего древесноволокнистые плиты начинают расслаиваться, в то время как у HIPER HG-PAR-1060 они защищены сплошным слоем покрытия.

В глубине столешницы с левой и правой сторон находятся два отверстия для менеджмента кабелей с резиновыми вставками, обеспечивающими проводам фиксацию. Вставки вынимаются за ненадобностью, в них легко пролезают штекеры размером со стандартный USB-коннектор.

На небольшом, казалось бы, HIPER HG-PAR-1060, у меня уместился дисплей с довольно размашистыми ногами, небольшие колонки, широкоформатный XL коврик, стандартная клавиатура, мышка и пара геймпадов. Свободного места осталось еще много, поместится и банджи, и подставка для геймпадов, и что-нибудь еще.

К слову, настольный держатель для контроллеров в комплекте HIPER HG-PAR-1060 тоже предусмотрен. Металлический и устойчивый, он вмещает до двух геймпадов и оснащен еще тремя дополнительными слотами для дисков.

Зато держатель для кружки выведен за пределы столешницы с одной из сторон на выбор. Он достаточно широкий, чтобы вместить стандартную кружку или стакан. Емкость садится глубоко в металлические прутья, откуда уже не вывалится, как бы активно вы не играли.

Производитель заявляет, что максимальная нагрузка стола составляет 80 килограммов, чего хватит за глаза, если вы не собираетесь на нем сидеть. Складывается впечатление, что он может выдержать и больший вес, но проверять мы не решились.

Для стола предусмотрена скромная подсветка в виде двух светодиодных лент на каркасе под декой. Огни неброские и незаметны пользователю (столешница их закрывает), но на стену вблизи стола ложится приятное свечение, а взор с противоположной стороны радует дополнительный RGB элемент.

В комплекте идет небольшой пульт управления, позволяющий отрегулировать яркость, гамму и предустановленные режимы, чтобы заставить подсветку мерцать, менять окрас или статично светить определенным цветом.

Слабая сторона HIPER HG-PAR-1060 – его неустойчивость. Какой бы прочной не казалась конструкция, как бы ровно не стояли ножки, стол штормит во время активной игры. После тяжеловесного двухуровневого стола это немного раздражает, но не сказал бы, что сильно мешает играть.

Из этого недостатка вытекает еще одна приятная особенность – компьютерный стол HIPER невероятно легок. Легче двухместного обеденного стола. Его несложно переносить, он не оставит царапин или отметин на напольном покрытии. Во всяком случае, не сразу.

Заключение

Компьютерный игровой стол HIPER HG-PAR-1060 станет отличным приобретением для геймера с ограниченным игровым пространством. Он не слишком устойчивый, но очень компактный и почти невесомый, собирается в два счета и смотрится великолепно.

Замечательная дека прочна, защищена от влаги и деформаций, тактильно приятна на ощупь. Продуманы отверстия для проводов, держатели для кружки и наушников, регулируемая и яркая подсветка, которая не будет «бить в глаз» владельцу огнями во время игры.

Стол, несомненно, надежен, при правильной эксплуатации такой прослужит хозяину много лет. Если вы присматриваете что-то небольшое и удобное в уютный «геймерский уголок», возможно, этот вариант окажется кстати.

Лучшие умные столы в 2023 году

Стас Зверянов

любитель электроприводов

Профиль автора

Такие столы часто называют умными, хотя далеко не всегда в конструкции применяются электронные компоненты.

В России становится все больше производителей столов c наворотами. Это любые упрощающие жизнь функции, которых не хватает в обычных столах исключительно из столешницы и ножек.

Вот какие аксессуары можно добавить к такому столу:

1. Электропривод — поднимает столешницу, чтобы работать за ней стоя.
2. Держатель для системного блока — чтобы провода компьютера не натягивались, когда стол поднимается.
3. Выдвижное крепление для клавиатуры — чтобы та не занимала места на столешнице.
4. Встроенная зарядка — беспроводная площадка или USB-хаб.
5. Подсветка — встраивается в столешницу. Исключительно косметическая опция, никак не расширяет функции стола.
6. Блютус-колонка — выемка под «Яндекс-станцию» или целая встроенная в стол аудиосистема.
7. Подогрев напитка — встречается редко. Ставишь чашку — чай не остывает.
8. Выезжающий из стола экран. Такой можно встретить только в люксовых моделях, и пригодится он скорее в офисе.

Как богатеть

Главные материалы обо всем, что влияет на ваши деньги и жизнь, — в вашей почте по средам и субботам. Бесплатно

На российском рынке есть несколько производителей подобных столов, у каждого свой модельный ряд и особенности.

Расскажу про базовые модели столов и заодно отмечу аксессуары, которые доступны для них за отдельную плату. Кроме этого, укажу на ненужные функции, за которые лучше не переплачивать.

Наши рекомендации

Бюджетный	Оптимальный выбор
Eureka ERK-IMOD-60B	Ergostol Optima Plus
Бюджетный стол с минимальной регулировкой высоты и докупаемыми аксессуарами. Есть коврик для мыши в половину размера столешницы	Стол для всех сразу: можно сделать геймерскую сборку, можно — рабочую
На сайте производителя — 21 990 Р; в «Техпорте» — 20 616 Р	На сайте производителя — 44 900 Р

Люкс	Детский
Tabula Sense Executive	Mealux Duke
Стол для руководителя. В максимальной комплектации стоит как однокомнатная квартира в Ульяновске. Даже подогрев напитка есть	Стол для ребенка — «растущая парта». Столешница поднимается вручную, есть крючок для рюкзака и органайзер в выдвижной панели
На сайте производителя — 2 031 080 Р	На сайте производителя — 16 900 Р

Для геймеров	Минималистичный
Cougar Mars	iQTable
Стол от геймерского бренда. Базовая регулировка высоты, встроенный USB-хаб и, конечно, RGB-подсветка	Минималистичный стол с беспроводной зарядкой и электроприводом. Без кричащего дизайна и лишних функций
В «Эрготронике» — 45 990 Р; на сайте дистрибьютора — 45 990 Р; в DNS — 39 999 Р	На сайте производителя за базовую модель с электроприводом и беспроводной зарядкой — 51 700 Р

Бюджетный

Eureka ERK-IMOD-60B

Бюджетный стол с минимальной регулировкой высоты и докупаемыми аксессуарами. Есть коврик для мыши в половину размера столешницы

На сайте производителя — 21 990 Р;
в «Техпорте» — 20 616 Р

Оптимальный выбор

Ergostol Optima Plus

Стол для всех сразу: можно сделать геймерскую сборку, можно — рабочую

На сайте производителя — 44 900 Р

Люкс

Tabula Sense Executive

Стол для руководителя. В максимальной комплектации стоит как однокомнатная квартира в Ульяновске. Даже подогрев напитка есть

На сайте производителя — 2 031 080 Р

Детский

Mealux Duke

Стол для ребенка — «растущая парта». Столешница поднимается вручную, есть крючок для рюкзака и органайзер в выдвижной панели

На сайте производителя — 16 900 Р

для геймеров

Cougar Mars

Стол от геймерского бренда. Базовая регулировка высоты, встроенный USB-хаб и, конечно, RGB-подсветка

В «Эрготронике» — 45 990 Р;
на сайте дистрибьютора — 45 990 Р;
в DNS — 39 999 Р

Минималистичный

iQTable

Минималистичный стол с беспроводной зарядкой и электроприводом. Без кричащего дизайна и лишних функций

На сайте производителя за базовую модель с электроприводом и беспроводной зарядкой — 51 700 Р

Но мы не искажаем и не приукрашиваем обзоры. Выбор конкретных вещей не зависит от того, получим ли мы комиссию.

Обзоры товаров в Тинькофф Журнале независимы. Мы выносим вердикт на основе обзоров вещей и устройств, которые тщательно изучили, или того, как эти вещи показали себя во время редакционных тестов.

Для обзоров мы либо запрашиваем товары у производителя на тест, либо закупаем их сами, либо изучаем рецензии в других изданиях и мнения пользователей. Наши отзывы субъективные, но честные и экспертные: мнения пишут авторы, у которых за плечами уже не один обзор. Команда редакторов Тинькофф Журнала перепроверяет тексты, вычитывает их и проводит фактчекинг.

Все цены указаны на момент выхода материала, но периодически мы их обновляем, чтобы обзоры оставались актуальными.

Бюджетный — Eureka ERK-IMOD-60B

В столах от американского производителя Eureka Ergonomics нет ни точной настройки высоты, ни «Яндекс-станции» в корпусе. Но стоят они дешевле остальных.

Столешница у стола из МДФ — это спрессованное дерево, которое не боится высокой влажности и перепадов температуры. Каркас, как и у остальных моделей, металлический, с регулируемыми ножками на случай неровных полов.

За 21 000 Р производитель предлагает небольшую столешницу 150 × 70 см, девять уровней регулировки высоты, два отверстия для кабелей и большой коврик для мыши посередине стола. Он никак не крепится к поверхности и просто идет в комплекте. Выбрать рисунок на коврике нельзя.

В комплекте есть отвертка с двумя шестигранниками — ни один другой производитель так не заботится о сборке. За дополнительную плату можно докупить держатель для клавиатуры. В отличие от «досок на рельсах», которые были популярны в компьютерных столах в нулевые, у держателя от Eureka регулируется угол наклона, высота и градус поворота.

/my-work-place-is/

«Стол для работы и стол для веселья»: 19 рабочих мест опытных и начинающих удаленщиков

Стоя за таким работать не выйдет: высоту можно выставить от 62 до 82 см. Для комфортной работы стоя понадобится стол высотой как минимум 115 см. Высоким людям — до 125 см.

Внимательно отнеситесь к грузоподъемности: Eureka выдержит до 68 кг. Поэтому лучше не вставать на него и не садиться.

К комплекту можно докупить держатель для системного блока за 2990 Р, а также крепление для клавиатуры за 7990 Р, чтобы та не занимала место на столешнице.

Сколько стоит:

• на сайте производителя — 21 990 Р;
• в «Техпорте» — 20 616 Р.

Оптимальный выбор — Ergostol Optima Plus

За базовую комплектацию стола-конструктора с электроприводом просят 45 000 Р, сборка обойдется еще в 3000 Р. Стандартная столешница — 120 × 80 см, но можно выбрать любой размер вплоть до 140 × 100 см.

В базовой комплектации — только столешница из МДФ и железные ножки с резиновыми регулируемыми накладками. Без специального углубления для прокладки кабеля некуда спрятать даже провода, которые идут от контроллера, отвечающего за подъем стола.

Каркас со столешницей поднимается на высоту 127 см — стоя удобно работать даже высоким людям. Вместо уровней регулировки тут кнопки «вверх» и «вниз», поэтому высоту можно подстраивать под себя вплоть до сантиметра.

Есть память на четыре уровня — на случай, если столом пользуется вся семья и высоту нужно постоянно переключать.

/best-smart-bulb-2023/

Лучшие умные лампочки: 8 моделей для разных комнат и задач

Optima Plus выдерживает 80 кг нагрузки — поместится пара мониторов, системный блок и периферия. Если нагрузить его сильнее, он выдержит, но подниматься не будет.

К столу можно докупить крепление для системного блока за 5600 Р, беспроводную зарядку на 15 Вт за 7200 Р. Такая подойдет для любого телефона с поддержкой формата Qi, Айфоны поддерживают его с iPhone 8, а телефоны на Android — последние пять лет. Последние Айфоны такой зарядкой получится зарядить полностью примерно за час.

Сколько стоит:

• на сайте производителя можно собрать разные версии — от 44 900 Р в базовой до 205 180 Р в максимальной.

Альтернатива. Вместо Optima Plus можно купить стол Start того же производителя. Он стоит 35 000 Р, имеет столешницу 110 × 70 см, но гораздо менее устойчив к нагрузкам.

Это значит, что на ноутбуке за ним работать будет удобно, но большой сетап из нескольких мониторов, системного блока и периферии собрать не получится. Каркас и ножки — то же сочетание МДФ и металла, но подъемный механизм слабее.

Сколько стоит:

• на сайте производителя можно собрать разные версии — от 34 900 Р в базовой до 179 780 Р в максимальной.

Люкс — Tabula Sense Executive

Самый дорогой стол из подборки в базовой комплектации обойдется почти в 200 000 Р. Электропривод, беспроводная зарядка и левитирующий логотип покупаются отдельно.

Без аксессуаров Executive — это столешница из ЛДСП и ножки, без возможностей для кабель-менеджмента и умных особенностей, даже без подъемника. ЛДСП — привередливый материал, в местах с высокой влажностью есть риск, что он начнет разбухать и появятся неровности.

/working-here/

«Пыль считаю частью декора»: 16 рабочих столов с характером

Владельцы самой дорогой комплектации смогут похвастаться подогревом напитков, системой управления умным домом, выдвижным кронштейном для монитора и брифинг-приставкой на шестерых человек. Правда, и обойдется такая модель в 2 031 080 Р.

Размер столешницы у Executive фиксированный — 200 × 95 см, а поднимается она на 125 см. Поэтому за столом удобно работать и стоя, и сидя.

Стол выдерживает вес до 120 кг — вместе со столешницей можно будет поднять и монитор, и компьютер, и человека, который на нее сядет.

Дополнительно докупается беспроводная зарядка на 10 Вт за 2900 Р и индукционный нагрев кружки за 19 990 Р. Зарядка не очень мощная, современные телефоны придется держать на ней несколько часов.

С индукционным нагревом можно использовать любую кружку — покупать специальную не нужно. Дополнительное отверстие для проводов в столешнице просверлят за 4900 Р.

Сколько стоит:

• на сайте производителя можно собрать разные версии — от 199 800 Р в базовой до 2 031 000 Р в максимальной.

Детский — Mealux Duke

Детские умные столы еще называют «растущими партами» — такой можно купить на вырост в первом классе и использовать всю начальную школу.

Mealux Duke не кастомизируется — выбрать можно только цвет накладок. Нет тут и электропривода — столешница поднимается, только если покрутить ручку сбоку.

Сама столешница небольшая — 90 × 70 см, сделана из ЛДСП, но сверху накрыта пластиковым щитом, чтобы защитить ее от попадания влаги и рассыхания. Ножки из металла, с регулировочными накладками.

Стол меняет высоту от 58 до 80 см, такой подойдет и школьникам, и дошкольникам. Кроме подъема столешницы в Duke предусмотрен ее наклон на 25 градусов, чтобы за столом было удобнее писать.

/list/ali-smarthome-pt1/

Как собрать умный дом от «Сяоми»

Сколько стоит:

• на сайте производителя — 16 900 Р.

Альтернатива. Если комплектация Duke кажется скудной, присмотритесь к Oxford Wood Max того же производителя.

Технически это тот же самый стол, но с дополнительными функциями: полкой, подставкой для книг, магнитами для крепления канцелярии, крупным органайзером и углом наклона столешницы до 60 градусов. Так поверхность стола можно использовать как мольберт.

За самую навороченную растущую парту производитель просит 59 400 Р.

Для геймеров — Cougar Mars

Геймерские столы, как и геймерская техника в целом, — растяжимое понятие. Cougar Mars можно считать игровым из-за подсветки по бокам и управления компьютером при помощи встроенных в стол кнопок.

Единственный стол в подборке с карбоновым покрытием столешницы: она устойчивее к трещинам и высоким температурам, чем обычное дерево. Кружку с чаем на карбоновый стол можно ставить без подставки.

Высота стола регулируется вручную и только при сборке — поднять или опустить его позднее без разбора не получится. Стоя поработать тоже не выйдет, рама позволяет установить столешницу в одно из трех положений: 75, 80 или 85 см. У стола металлический каркас без ножек для регулировки под неровные полы.

Размер столешницы у Cougar Mars тоже фиксирован — 150 × 75 см. Кастомизации не предусмотрено: ни беспроводных зарядок, ни наклона столешницы, ни подогрева кружек.

Тем не менее это самый грузоподъемный стол в подборке: за счет металлического каркаса он выдержит вес вплоть до 150 кг. Этого с запасом хватит на три монитора, компьютер и еще один стол Cougar Mars, если захочется построить из них башню.

Ну и что? 30.09.21

Amazon показала домашнего робота и прочие гаджеты для умного дома

Среди других плюсов — подключение компьютера напрямую к столу. После этого к системному блоку можно не прикасаться и включать ПК кнопкой на столе, USB-флешки — вставлять в хаб на задней части столешницы, а наушники — подключить к боковому разъему.

Сколько стоит:

• в «Эрготронике» — 45 990 Р;
• на сайте дистрибьютора — 45 990 Р;
• в DNS — 39 999 Р.

Минималистичный — iQTable

Если нужен неброский и стильный стол без лишних наворотов, можно обратить внимание на iQTable. В его базовой комплектации кроме столешницы 135 × 68 см и ножек ничего нет.

За 3000 Р можно изменить размер столешницы, за 5900 Р — докупить беспроводную зарядку, а за 29 900 Р — электропривод.

Есть беспроводные зарядки для часов и телефонов, вырез под «Яндекс-станцию-мини». Даже со всеми доступными опциями стол выглядит минималистично и вписывается в интерьер за счет изменяемого цвета столешницы и ножек.

Сколько стоит:

• на сайте производителя можно собрать разные версии — от 51 700 Р в базовой, с электроприводом и беспроводной зарядкой, до 99 300 Р в максимальной.

Как выбрать стол с дополнительными функциями

Столы из подборки объединяет только изменение высоты столешницы — в остальном это совершенно разные устройства. Но на слишком хлипкий стол не получится повесить компьютер и поставить несколько мониторов. А цветастая геймерская модель будет инородно смотреться в минималистичном интерьере.

Устойчивость. Смотрите на вес стола и его грузоподъемность. Слишком легкие модели под большим весом на высоте будут неприятно шататься даже при печати на клавиатуре, а чересчур тяжелые столешницы для одного ноутбука брать бессмысленно.

Аксессуары. Подогрев кружки, кажется, не нужен почти никогда, а беспроводная зарядка будет использоваться каждый день. Если дополняете стол креплением для системного блока, проследите, чтобы сверху не было кулеров, иначе они упрутся в столешницу и ПК будет перегреваться.

/smart-home/

Как собрать умный дом в квартире для аренды

Сборка. До покупки прочитайте инструкцию по сборке — иногда производители снимают целые видео с деталями конструкции и вкладывают в комплект инструмент. Другие ограничиваются PDF-файлом на одну страницу с непонятными схемами. В таких случаях лучше заказать сборку в магазине.

Ощущения. Каждому подойдет своя высота столешницы. Поэтому, если выбираете модель для работы стоя, лучше проверить ее перед покупкой. Поднимите стол в максимально высокое положение, поставьте на него ноутбук и попробуйте что-нибудь напечатать. Так на раннем этапе можно понять, шатается ли стол и крепко ли он собран.

Мы постим кружочки, красивые карточки и новости о технологиях и поп-культуре в нашем телеграм-канале. Подписывайтесь, там классно: @t_technocult.

Таблица данных – Система проектирования углерода

Таблицы данных используются для эффективной организации и отображения данных. Таблица данных Компонент позволяет настраивать дополнительные функции по мере необходимости. пользователей вашего продукта.

Функции таблицы данных идеально подходят для организации и отображения данных в пользовательском интерфейсе. Заголовки столбцов могут сортировать данные в порядке возрастания или убывания, строки могут быть расширен для постепенного раскрытия информации, а отдельные или пакетные действия могут брать по рядам.

На панели инструментов таблицы данных расположены основные кнопки, поиск, фильтрация, настройки отображения таблицы и другие утилиты.

• Для организации и отображения данных.
• Если ваш пользователь должен перейти к определенной части данных для выполнения задачи.
• Отображение всех ресурсов пользователя.

• Когда требуется более сложное отображение данных или взаимодействий.
• В качестве замены приложения для работы с электронными таблицами.

Вариант	Назначение
По умолчанию	Таблица основных данных содержит только строки заголовка и элементов таблицы. Он доступен в пяти размерах рядов.
С выбором	Вариант выбора позволяет пользователям выбирать отдельные строки в таблице данных. Варианты выбора включают переключатель с одним выбором и флажок с несколькими вариантами выбора. Пользователи могут выполнять одно действие или пакетные действия с выбранными элементами.
С расширением	Расширяемый вариант помогает представить большие объемы данных на небольшом пространстве. Пользователи могут разворачивать и сворачивать панели строк, чтобы отображать или скрывать дополнительную информацию.

Селектор тем

Селектор вариантов

Копировать в буфер обмена

Живой редактор для компонента по умолчанию

 
 ={headerData}> 
 
 {({ строки, заголовки, getHeaderProps, getTableProps }) => ( 
 
  
 
 
  
  
 {headers.map((header) => ( 
  
 {header.header} 
  
 ))} 
  
  
  
 { rows.map((row) => ( 
  
 {row.cells.map((cell) => ( 
 {cell. value} 
 ))} 
  
 ) )} 
  
 
 
 
  
 
 )} 
 
  
 

DataTable

Модификаторы 9 0002 isSortable

Таблица

Модификаторы

useZebraStyles

size

xs

см

мкр

lg

xl

1. Заголовок и описание : содержит заголовок таблицы данных и необязательное описание.
2. Панель инструментов : глобальные элементы управления таблицей данных, включая настройки поиска и таблицы.
3. Заголовок столбца : заголовок заголовка строки с дополнительной сортировкой поведение.
4. Строка таблицы : можно настроить для отображения различных типов данных. Ряды могут быть выбираемые, расширяемые и изменяемые для отображения чередующихся полос зебры цвета фона.
5. Панель таблицы страниц : дополнительный компонент, который позволяет пользователю перемещаться данные в виде страниц, когда объем данных слишком велик для одновременного отображения.

Таблица данных доступна в пяти различных размерах строк: очень большой, большой, средний, маленький, очень маленький.

Строка заголовка столбца .cds--data-table thead всегда должна соответствовать размеру строки стола. Очень большие высоты строк рекомендуются только в том случае, если ваши данные ожидается наличие 2 строк содержимого в одной строке.

Используйте одинаковую высоту для строк таблицы и заголовков.

Не смешивайте высоту строк таблицы и строк заголовков.

Доступны две высоты для сопряжения с высотами строк таблицы данных. Высокая панель инструментов должна сочетаться только с большой и очень большой строкой. высоту и маленькую панель инструментов следует использовать только с маленькими и очень маленькими высоты рядов.

Небольшая панель инструментов на короткой таблице данных и высокая панель инструментов на обычной таблице данных

Таблицы данных следует размещать в основной области содержимого страницы и предоставлять пространство для отображения данных без усечения.

Избегайте размещения таблиц данных внутри модальные окна или контейнеры меньшего размера, где информация может показаться тесной или необходимой усечение.

Таблицу данных можно разместить на сетке, следуя трем различным режимы сетки, указанные в 2x направляющие сетки. Хотя таблица данных может разделять горизонтальное пространство с другими компоненты и содержимое, подумайте о том, чтобы предоставить таблице данных наибольшую ширину на страницу, чтобы помочь вашему пользователю просматривать плотные данные.

Эти три примера показывают таблицу данных на широком (по умолчанию), узком и режимы сгущенной сетки. Обратите внимание на различные типы выравнивания и размеры желоба.

Режим широкой сетки

Режим широкой сетки используется по умолчанию и дает наибольшую передышку между таблица данных и другие компоненты или содержимое.

Таблица данных на широкой (по умолчанию) сетке

Режим узкой сетки

Использование таблицы данных на узкой сетке приведет к тому, что компонент окажется в желобе и создайте желаемое выравнивание типов между заголовком таблицы данных и другой тип на странице.

Таблица данных на узкой сетке

Режим сгущенной сетки

Таблицу данных можно использовать на сжатой сетке, но следует избегайте любых непреднамеренных взаимосвязей с другими элементами пользовательского интерфейса. Используйте гибридную сетку или разный цвет фона, чтобы компоненты не смешивались друг с другом. другой.

Таблица данных на сжатой сетке

Основные элементы

Заголовок и описание таблицы данных

• Заголовок таблицы должен ясно давать пользователю понять, что это за данные. common и для какой цели он служит в пользовательском интерфейсе.
• Описание можно добавить под заголовком, чтобы предоставить больше информации о данные или их источник.
• В заголовке и описании таблицы данных следует использовать капитализация в предложениях.

Заголовки столбцов

• Заголовки столбцов должны состоять из одного или двух слов, описывающих данные в этом столбец.
• Если заголовок столбца слишком длинный, перенесите текст на две строки, а затем обрезать остальную часть текста. Полный текст должен отображаться во всплывающей подсказке на парить.
• Заголовки столбцов должны использовать капитализация в предложениях.

Основная кнопка

• Таблица данных, использующая основное действие, должна следовать инструкциям для использование основной кнопки и ярлыки действий.

Для получения дополнительной информации см. рекомендации по содержанию.

Расширяемая таблица данных помогает представить большие объемы данных на небольшом пространстве. Используйте расширенный раздел для дополнительной информации или данных, которые необходимо дополнительное время запроса. Когда содержимое в расширенной области кажется тесным, рассмотрите возможность перехода пользователя на специальную страницу, боковую панель или модальное окно для просмотра информацию и выполнять задания.

Пакетное расширение

При необходимости в столбец таблицы можно добавить функцию пакетного расширения заголовок, чтобы позволить пользователю открывать все свернутые разделы одновременно. Однако, шеврон «расширить все» по умолчанию не отображается в расширяемой таблице данных. вариант. Хранение подробной информации в расширенном разделе снижает нагрузку на пользователя время, откладывая некоторые запросы данных до тех пор, пока они не потребуются. Развернуть все строки сразу обычно сводит на нет это преимущество расширяемой таблицы.

По умолчанию выбираемый вариант позволяет пользователям выбирать более одной строки в таблицу данных одновременно. Чтобы выбрать строку, пользователь должен установить флажок связанные со строкой. Пользователь может выбрать все строки сразу, выбрав флажок в заголовке столбца. Флажки в строках имеют только два состояния, проверенные и непроверенные. Однако флажок «Отметить все» в заголовке столбца три состояния: проверенное, непроверенное и неопределенное.

Действия, применяемые к выбранным выбранным элементам, находятся в списке по умолчанию. панель инструментов таблицы или режим пакетного действия.

Выбор радио

Таблица данных также поддерживает управление радиокнопкой с одним выбором, что ограничивает пользователю выбирать только одну строку за раз. Радиокнопка находится в первый столбец слева. Отдельные действия, применяемые к выбранному радиоэлементу часто размещаются в правой части панели инструментов таблицы. Они могут проявить как основные, фантомные кнопки или кнопки только со значками.

Таблицы данных можно настроить так, чтобы они имели как расширяемые, так и выбираемые функции. Расширяемый значок всегда появляется первым и слева от значка выбора.

Панель инструментов и строки таблицы данных следуют правилам взаимодействия, принятым в других Углеродные компоненты. Кнопки, флажки, радиокнопки, дополнительные меню, поиск, и расширяющиеся элементы используются в таблице данных, и все ведут себя соответственно их ориентиры.

Мышь

Пользователи могут активировать действие или функцию в таблице, щелкнув соответствующий кнопку или компонент. Каждое действие или функция имеет свою собственную цель клика. Дополнительные интерактивные инструкции см. на вкладке специальных возможностей.

Выделенные целевые области для взаимодействия с мышью таблицы данных

Наведение курсора

Состояние наведения строки таблицы данных всегда должно быть включено, так как это может помочь пользователь визуально просматривает столбцы данных в строке, даже если строка не интерактивный.

Пагинация делит данные таблицы на отдельные страницы. Простая нумерация страниц указывает текущая страница в поле зрения и предлагает элементы управления для постепенного перехода к предыдущая или следующая страница. Расширенная нумерация страниц сопровождается опцией, которая позволяет пользователю изменить количество элементов на странице и перейти к конкретный номер страницы. Компонент пагинации всегда размещается внизу страницы. таблица данных. См. компонент разбиения на страницы для дополнительные рекомендации и конфигурации.

Простая (вверху) и расширенная (внизу) конфигурация страниц

Панель инструментов таблицы зарезервирована для глобальных действий с таблицей, таких как настройки таблицы, сложные фильтры, экспорт или редактирование табличных данных. Действия на панели инструментов могут использовать основные, фантомные кнопки или кнопки только со значками. Мы рекомендуем показывать не более пяти действий на панели инструментов таблицы. Дополнительные действия можно сделать доступными через меню переполнения, кнопка со списком или аналогичные компоненты.

Свернутый поиск

Поле поиска можно вызвать с помощью кнопки со значком в таблице данных панель инструментов. По умолчанию функция поиска следует схема активного поиска. Поиск должны быть закрыты по умолчанию и помещены под заголовком таблицы.

Открытый поиск

Поле поиска может отображаться всегда открытым в таблице данных. Поле размещено на левую часть таблицы под заголовком таблицы и тянется до тех пор, пока не встретится действия справа.

Столбцы можно сортировать по возрастанию или по убыванию. Элементы управления сортировкой расположены в заголовках столбцов и обозначаются значком стрелки при наведении и при столбец отсортирован.

Отсортированная таблица данных имеет три состояния: не отсортировано ( стрелки ), отсортировано ( стрелка вверх ) или сортировка вниз ( стрелка вниз ). Значок указывает на текущий отсортировано и отображается только в том случае, если сортировка активирована. Только колонка отсортированные должны отображать значок, а неотсортированные значки видны только при наведении. Ты можно увидеть демонстрацию сортировки таблиц в Сборник историй React от Carbon.

Пользователи могут выполнять пакетные действия с одним или несколькими элементами в таблице. Однажды элемент из таблицы выбран, в верхней части экрана появляется панель пакетных действий. таблица, представляющая набор возможных действий для применения ко всем выбранным элементам. Этот функция может повысить эффективность пользователя по сравнению с усилиями повторяющихся выполнение одного и того же встроенного действия для нескольких элементов таблицы. При пакетном режиме активен, значки отдельных действий и дополнительные меню в строке должны быть отключены.

Чтобы выйти из режима пакетного действия, пользователь может выбрать кнопку отмены на дальнем справа от панели или снимите выделение со всех элементов.

Встроенные действия — это функции, которые могут выполняться с определенной строкой таблицы. Каждый ряд сопровождается дополнительное меню, которое содержит действия, относящиеся конкретно к этой строке.

Если дополнительное меню содержит менее трех параметров, сохраните действия встроенные в качестве кнопок со значками. Это уменьшает количество кликов и делает доступными действия видны с первого взгляда.

По умолчанию значки дополнительного меню сохраняются в каждой строке. Имея переполнение меню всегда видимые сигналы пользователю действия могут быть предприняты на строки таблицы. Кроме того, команда разработчиков может использовать реквизит overflowMenuOnHover . чтобы отображать меню переполнения только при наведении и фокусе, чтобы уменьшить визуальный беспорядок меню переполнения в каждой строке.

Для мобильных и сенсорных устройств таблица данных обнаружит, если пользовательский агент поддерживает наведение курсора и сохраняет меню переполнения, даже если overflowMenuOnHover реквизит включен.

Постоянное переполнение (слева), при наведении (справа).

Если ожидается дополнительное время загрузки для отображения информации, используйте скелетные состояния вместо спиннеров.

Расширение всех строк с состояниями скелета

Таблица данных содержит модификатор полос зебры, который стилизует строки таблицы с помощью чередующиеся цвета, чтобы облегчить пользователю сканирование горизонтальной информации.

Carbon for IBM Product

Этот контент доступен только для сотрудников IBM.

• Расширения таблицы данных
• Таблица данных в облаке
• Электронная таблица данных

Следующие компоненты представляют собой дополнительные способы организации и навигации по данным.

• Аккордеон

• Разбивка на страницы

• Структурированный список

Помогите нам улучшить этот шаблон, предоставив отзывы и вопросы , и оставляя любые другие комментарии Гитхаб.

Таблица данных – Система Carbon Design

9003 4 $layer *

Элемент	Свойство	Маркер цвета
Заголовок таблицы	background-color
Title	text-color	$text-primary
Описание	text-color	$text-secondary

слой, на который он помещен.

Заголовок столбца

9003 4 background-color

Состояние	Свойство	Маркер цвета
Включено	$layer-accent *
	text-color	$ text-primary
	svg		$layer-accent-hover *
	text-color	$text-primary
Focus	border	901 65 $focus
Active	background-color	$layer-accent- active *

* Обозначает маркер контекстного цвета, значения которого будут меняться в зависимости от слоя, на котором он расположен.

900 34 $text-secondary 90 025 900 25 9003 0

Состояние	Собственность	Жетон цвета
Включено	background-color	$layer *
	text-color
	border-bottom	$border-subtle *
	svg	34 $layer-hover *
	text-color	$text-primary
Focus	border	$focus
Selected	background-color	$layer-selected *
	text-color	$text-primary
	border-bottom	$border-subtle-selected *
	свг	$icon-primary
Selected + hover	background-color	$layer-selected-hover *
Expanded 9 0037	background-color	$layer *
	svg	$icon-primary
Zebra	background-color	$layer-accent *

* Обозначает токен контекстного цвета, который будет изменять значения в зависимости от слоя, в котором он находится. размещены на.

9003 4 $layer *

Элемент	Свойство	Маркер цвета
Панель инструментов	background-color
Кнопка со значком	См. кнопку-призрак
Кнопка	См. основную кнопку

* Обозначает маркер контекстного цвета, значения которого будут меняться в зависимости от слоя, на котором он расположен.

Элемент	Свойство	Маркер цвета
Бар	background-color	$background-brand
Сводка	цвет текста	$текст на цвете
Кнопка	См. основную кнопку

900 25

Элемент	Размер шрифта (пкс/рем)	Шрифт-вес	Маркер типа
Заголовок таблицы	20 / 1,25	Обычный / 400	$heading-03
Заголовок столбца	14 / 0,875	SemiBold / 600	$heading-compact- 01
Текст ряда	14 / 0,875	Обычный / 400	$body-compact-01

Таблицы — это настраиваемый и настраиваемый компонент. Дизайнеры могут выбрать и выбрать определенные элементы и взаимодействия. Требуется базовый стиль таблицы база, на основе которой могут быть разработаны таблицы. Основные таблицы состоят из заголовка строка, за которой следуют строки данных ниже.

9 0034 margin-top

Элемент	Свойство	px/rem	Маркер интервала
Заголовок таблицы	16 / 1	$spacing-05
	margin -нижняя часть	24 / 1,5	$spacing-06
	набивка слева, набивка справа	16 / 1	$spacing-05
Значок сортировки	padding	8 / 0,5	$spacing-03
До и после текста	padding-left, padding-right	16 / 1	$spacing-05

Измерения структуры и расстояния для таблицы основных данных | px/rem

Столбцы

Ширина столбцов может варьироваться в зависимости от содержимого и требует минимального расстояния между столбцы. Таблицы требуют трех или более столбцов.

Интервал между	Свойство	px/rem	Маркер интервала
Столбцы 9003 7	набивка	16/1	$spacing-05

Структура и расстояние измерения для столбцов в таблице данных | px/rem

Размеры строк настраиваются. Строка заголовка столбца всегда должна соответствовать строке размер стола. Заголовок столбца и текст строки всегда располагаются по центру строки с ожидание очень большого, которое компенсируется padding-top: 16px . Дополнительный большие высоты строк рекомендуются только в том случае, если ожидается, что ваши данные будут иметь два строки содержимого в одну строку.

Размер	Высота (пкс / бэр)
Очень маленький (xs)	24 / 1,5 900 37
Маленький (см)	32 / 2
Средний ( md)	40 / 2,5
Большой (lg)	48 / 3
Очень большой (xl)	64 / 4

После простой структуры таблицы таблицы можно расширить, добавив любой из следующие: выбираемые строки, расширяющиеся строки, меню строк, табличные пакетные действия, общее меню таблицы и/или фильтр таблицы.

9003 0 900 25

Элемент	Свойство	px/rem	Маркер интервала
Флажок	высота, ширина	20 / 1,25	– 9	16 / 1 034 высота, ширина	20 / 1,25	–
	набивка -слева, отступ-справа	16 / 1	$spacing-05
Меню переполнения (см)	высота	32 / 2 900 37	–
Значок шеврона	svg	16 / 1	–
	Цель клика	32 / 2	$spacing-07
	заполнение слева, заполнение справа	16 / 1	$spacing -05
Расширенная панель	верхняя, правая	16 / 1	$spacing-05
	набивка левая	48 / 3	$spacing- 09
	низ	24 / 1,5	$spacing-06

Структура и измерения интервалов для выбранного ряда | px/rem

Измерения структуры и интервалов для расширенного ряда | px/rem

Измерения структуры и интервалов для развернутой и выбранной строки | px/rem

Большая панель инструментов размером 48 пикселей сочетается с очень большими и большими размерами строк.