webdav/sync/react/cockpit-serial-mode/node_modules/@patternfly/react-table - 志元云盘

File OriginalPic	EditTime	Size
components	2025-08-12 19:00:15	209 B
deprecated	2025-08-12 19:07:51	209 B
dist	2025-08-12 19:23:49	1.57 MB
src	2025-08-12 20:20:38	961.83 KB
CHANGELOG.md	2025-08-06 17:25:32	80.97 KB
LICENSE	2025-08-06 17:25:32	1.04 KB
package.json	2025-08-06 17:25:32	1.55 KB
README.md	2025-08-06 17:25:32	2.71 KB
rollup.config.mjs	2025-08-06 17:25:32	226 B
single-packages.config.json	2025-08-06 17:25:32	120 B
subpaths.config.json	2025-08-06 17:25:32	88 B

# @patternfly/react-table

This package provides Table PatternFly components based on [PatternFly][patternfly]

### Installing

```sh
yarn add @patternfly/react-table
```

```sh
npm install @patternfly/react-table --save
```

## Usage

It's strongly advised to use the PatternFly base CSS in your whole project, or some components may diverge in appearance:

```js
import '@patternfly/react-core/dist/styles/base.css';
```

#### Example component usage

```js
import { Table, Thead, Tr, Th, Td, Tbody } from '@patternfly/react-table';

export const ComposableTableBasic = () => {
  const repositories = [
    { name: 'one', branches: 'two', prs: 'three' },
    { name: 'one - 2', branches: null, prs: null },
    { name: 'one - 3', branches: 'two - 3', prs: 'three - 3' }
  ];

## Contribution

This library makes use of the babel plugin from [@patternfly/react-styles](../react-styles/README.md) to enable providing the CSS alongside the components. This removes the need for consumers to use (style|css|sass)-loaders. For an example of using CSS from core you can reference [Button.js](./src/components/Button/Button.js). For any CSS not provided by core please use the `StyleSheet.create` utility from [@patternfly/react-styles](../react-styles/README.md). This will prevent collisions with any consumers, and allow the CSS to be bundled with the component.

### Documentation

A comprehensive list of components and detailed usage of each can be found on the [PatternFly react docs][docs] website
You can also find how each component is meant to be used from a design perspective on the [PatternFly core][patternfly] website.

Note: All commands below assume you are on the root directory in this repository.

### Install & run locally

Run to install all the dependencies, build and run the site locally.

```sh
yarn install && yarn start
```

### Testing

Testing is done at the root of this repo. To only run the @patternfly/react-table tests:

```
yarn test packages/react-table
```

[patternfly]: https://github.com/patternfly/patternfly
[docs]: https://react-staging.patternfly.org/

云盘

Home / 志元云盘 / webdav / sync / react / cockpit-serial-mode / node_modules / @patternfly / react-table