@greenatom/table NPM

Описание

Quark — это дизайн-система продуктов Гринатома. Правила, которых мы придерживались при разработке, легли в основу принципов дизайн-системы. 1) Простота: Мы стремимся к интуитивному взаимодействию пользователя с продуктом. 2) Отзывчивость: Интерфейс должен находиться в контакте с пользователем — отвечать на его вопросы и подсказывать верный путь. 3) Эффективность: Функциональность в приоритете над стилистикой. 4) Развитие: Мы совершенствуем нашу дизайн-систему каждый день.

В основе стилизации компонентов лежит styled-components

Поддержка браузеров

Firefox	Chrome	Safari
Последние 2 версии	Последние 2 версии	Последние 2 версии

Быстрый старт

Таблицы используют под капотом компоненты и иконки из пакетов @quark-uilib/components и @quark-uilib/icons. Поэтому для корректной работы таблицы дополнительно установите эти пакеты.

Установите пакеты

NPM

npm i @greenatom/table @quark-uilib/components @quark-uilib/icons

YARN

yarn add @greenatom/table @quark-uilib/components @quark-uilib/icons

Подключите стили и шрифты

Выберите один из вариантов подключения стилей.

Подключение в корне проекта

import React from "react";
import "@quark-uilib/components/styles/index.css";

Подключение в файле стилей

@import "~@quark-uilib/components/styles/index.css";

Пример кода для быстрого старта

import React from "react";
import { createRoot } from "react-dom/client";
import Table from "@greenatom/table";

const App = () => {
  const column = [{ field: "make" }, { field: "model" }, { field: "price" }];

  const rowData = [
    { make: "Toyota", model: "Celica", price: 35000 },
    { make: "Ford", model: "Mondeo", price: 32000 },
    { make: "Porsche", model: "Boxster", price: 72000 }
  ];

  return (
    <Table column={column} rowData={rowData} />
  )
};

const root = createRoot(document.getElementById('root'));
root.render(<App />);

react react-component greenatom design grid data table

date-fns polished react react-dom react-responsive react-transition-group tslib typescript

1.0.88

1 year ago

1.0.87

1 year ago

1.0.87-bugfix-409485-table.1

1 year ago

1.0.86

1 year ago

1.0.85

1 year ago

1.0.84

1 year ago

1.0.82-feature-pagination-2.2

1 year ago

1.0.82-feature-pagination-2.3

1 year ago

1.0.82-feature-pagination-2.1

1 year ago

1.0.82-feature-pagination-2.4

1 year ago

1.0.82-feature-pagination-2.5

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.80-feature-380874-switch-theme.1

2 years ago

1.0.80

2 years ago

1.0.78

2 years ago

1.0.75-feature-367548-inputdate-error.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.71-bugfix-309155-scroll-roll.1

2 years ago

1.0.68-bugfix-305986-select.1

2 years ago

1.0.70

2 years ago

1.0.68-bugfix-up-deps-version.2

2 years ago

1.0.69

2 years ago

1.0.68-bugfix-size-table.3

2 years ago

1.0.68

2 years ago

1.0.68-bugfix-up-deps-version.1

2 years ago

1.0.68-bugfix-306072-selection-table.2

2 years ago

1.0.68-bugfix-size-table.2

2 years ago

1.0.68-bugfix-306072-selection-table.1

2 years ago

1.0.68-bugfix-size-table.1

2 years ago

1.0.67

2 years ago

1.0.67-bugfix-304718-button-title.1

2 years ago

1.0.67-bugfix-301026-number-cell.1

2 years ago

1.0.66

2 years ago

1.0.66-feature-292774-modification-snackbar.1

2 years ago

1.0.64-feature-292774-modification-snackbar.1

2 years ago

1.0.65

2 years ago

1.0.65-bugfix-framer-motion-to-quark-components.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.59-bugfix-icons-width-and-height-to-24.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.56-feature-quark-uilib-components2.1

2 years ago

1.0.55

2 years ago

1.0.54-feature-285537-quark-icons.1

2 years ago

1.0.54

2 years ago

1.0.52-bugfix-map-icon-for-map-object.2

2 years ago

1.0.52-bugfix-map-icon-for-map-object.1

2 years ago

1.0.53

2 years ago

1.0.52-feature-251338-nested-info-data-for-table.1

2 years ago

1.0.52

2 years ago

1.0.52-bugfix-button-import-in-input-number.1

2 years ago

1.0.51

2 years ago

1.0.50

2 years ago

1.0.50-feature-285537-ygg-icons-to-quark-icons-in-components.1

2 years ago

1.0.50-feature-251338-nested-info-data-for-table.1

2 years ago

1.0.49

2 years ago

1.0.48-feature-248046-table-header.2

2 years ago

1.0.48-feature-248046-table-header.1

2 years ago

1.0.48

2 years ago

1.0.46-feature-248046-table-header.1

2 years ago

1.0.47

2 years ago

1.0.46

2 years ago

1.0.46-feature-246389-search-column.1

2 years ago

1.0.45-bugfix-285535-quark-logo.1

2 years ago

1.0.45

2 years ago

1.0.44

2 years ago

1.0.43

2 years ago

1.0.42-feature-285535-ygg-to-quark.1

2 years ago

1.0.39-feature-246389-search-column.1

2 years ago

1.0.42

2 years ago

1.0.41

2 years ago

1.0.41-bugfix-input-date-fixes.1

2 years ago

1.0.40-feature-230549-new-component-skeleton.1

2 years ago

1.0.40

2 years ago

1.0.38-bugfix-284260-rerender-nested-table.2

2 years ago

1.0.38-feature-230549-new-component-skeleton.1

2 years ago

1.0.39

2 years ago

1.0.38-bugfix-284260-rerender-nested-table.1

2 years ago

1.0.38

2 years ago

1.0.37-feature-246982-filter-table.1

2 years ago

1.0.37

2 years ago

1.0.36

2 years ago

1.0.35

2 years ago

1.0.35-feature-fixed-styles-table.1

2 years ago

1.0.24-feature-230549-new-component-skeleton.1

2 years ago

1.0.32-feature-259437-variable-theme.1

2 years ago

1.0.34

2 years ago

1.0.33

2 years ago

1.0.32

2 years ago

1.0.32-feature-246982-filter-table.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.28-feature-new-icons.1

2 years ago

1.0.27-feature-250862-resize-table.1

2 years ago

1.0.27

2 years ago

1.0.27-feature-246982-filter-table.1

2 years ago

1.0.27-bugfix-calendar.1

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.24-bugfix-tree-fixes-2.2

2 years ago

1.0.24-bugfix-tree-fixes-2.1

2 years ago

1.0.23

2 years ago

1.0.18-bugfix-tree-fixes.2

2 years ago

1.0.16-feature-273669-new-state-status.3

2 years ago

1.0.16-feature-273669-new-state-status.2

2 years ago

1.0.22

2 years ago

1.0.22-feature-new-ygg-icons.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.0.16-feature-273669-new-state-status.1

2 years ago

1.0.18-bugfix-tree-fixes.1

2 years ago

1.0.17-bugfix-255943-type-value-for-segmented-control.1

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.13-feature-271923-modal-window.2

2 years ago

1.0.13-feature-271923-modal-window.1

2 years ago

1.0.15

2 years ago

1.0.14-bugfix-276915-tree-fix.1

2 years ago

1.0.14

2 years ago

1.0.14-feature-248659-footer-table.1

2 years ago

1.0.12-feature-250986-edit-table.1

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.12-feature-246927-sort-table.1

2 years ago

1.0.11-feature-248659-footer-table.1

2 years ago

1.0.11

2 years ago

1.0.11-bugfix-pagination.1

2 years ago

1.0.11-feature-246927-sort-table.1

2 years ago

1.0.10

2 years ago

1.0.10-feature-273052-file-card.1

2 years ago

1.0.9

2 years ago

1.0.9-feature-263880-file-upload-drag.2

2 years ago

1.0.9-feature-263880-file-upload-drag.1

2 years ago

1.0.9-feature-273052-file-card.1

2 years ago

1.0.9-feature-252080-nested-table.1

2 years ago

1.0.8-feature-252080-nested-table.2

2 years ago

1.0.8-feature-263880-file-upload-drag.1

2 years ago

1.0.8-feature-252080-nested-table.1

2 years ago

1.0.8

2 years ago

1.0.7-feature-252080-nested-table.1

2 years ago

1.0.8-feature-271304-rating-cells.1

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.6-bugfix-212036-tree.1

2 years ago

1.0.6-feature-271304-rating-cells.1

2 years ago

1.0.6-bugfix-255940-inputnumber-refinement.1

2 years ago

1.0.6-feature-252080-add-circle-and-minus-circle-ygg-icons.1

2 years ago

1.0.6-bugfix-pagination.1

2 years ago

1.0.6-feature-267144-dropdown.1

2 years ago

1.0.4-feature-246771-table-search.1

2 years ago

1.0.5

2 years ago

1.0.4-bugfix-fix-steps-imports.1

2 years ago

1.0.4

2 years ago

1.0.4-bugfix-232972-fixed-rotation-icon-for-column-context-menu.1

2 years ago

1.0.3-feature-232960-pagination-table.1

2 years ago

1.0.3

2 years ago

1.0.2-feature-212036-new-features-tree.2

2 years ago

1.0.2-feature-262516-table-button.1

2 years ago

1.0.2

2 years ago

1.0.2-feature-212036-new-features-tree.1

2 years ago

1.0.2-feature-table-optimizations.1

2 years ago

1.0.2-feature-232972-column-context-menu-for-table.1

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

1.0.0-feature-232958-base-table.2

2 years ago

1.0.0-feature-232958-base-table.1

2 years ago