Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,8 @@ module.exports = (baseSourceMD, sourceProps) => {

// React-table MD
sourceMD(path.join(reactTablePath, '/**/TableComposable/examples/*.md'), 'react');
sourceMD(path.join(reactTablePath, '/**/Table/examples/*.md'), 'react-legacy');
// TODO: remove this comment from here and the same file in pf-org once deprecation work is complete
// sourceMD(path.join(reactTablePath, '/**/Table/examples/*.md'), 'react-legacy');
sourceMD(path.join(reactTablePath, '/deprecated/components/**/examples/*.md'), 'react-deprecated');
sourceMD(path.join(reactTablePath, '/**/demos/*.md'), 'react-demos');

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,13 +40,9 @@ ouia: true

Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!

PatternFly has two implementations of a React table.
The `TableComposable` component takes an explicit and declarative approach, and its implementation closely mirrors that of an HTML table.

The first is the newer `TableComposable` component. It takes a more explicit and declarative approach, and its implementation more closely mirrors that of an HTML table. Generally, updates and new feature requests are implemented in the `TableComposable`.

The second is the original `Table` component. It is configuration based and takes a less declarative and more implicit approach about laying out the table structure, such as the rows and cells within it. The documentation for the older table implementation can be found under the [React legacy](/components/table/react-legacy) tab.

**For most common use cases, we recommend using `TableComposable`. Both implementations are supported and fully maintained.**
The documentation for the deprecated table implementation can be found under the [React deprecated](/components/table/react-deprecated) tab. It is configuration based and takes a less declarative and more implicit approach to laying out the table structure, such as the rows and cells within it.

import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,17 +6,11 @@ propComponents: ['Table', 'TableHeader', 'TableBody', 'ISortBy']
ouia: true
---

# Legacy Table

Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!

PatternFly has two implementations of a React table.

The first is the newer `TableComposable` component. It takes a more explicit and declarative approach, and its implementation more closely mirrors that of an html table. Generally, updates and new feature requests are implemented in the `ComposableTable`.

The second is the original `Table` component. It is configuration based and takes a less declarative and more implicit approach about laying out the table structure, such as the rows and cells within it.
**This implementation of `Table` has been deprecated. It is no longer supported or maintained.**

**For most common use cases, we recommend using `TableComposable`. Both implementations are supported and fully maintained.**
This deprecated `Table` component is configuration-based and takes a less declarative and more implicit approach to laying out the table structure, such as the rows and cells within it.

import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from './';