Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

Commit

Permalink
Updating as per comments on PR
Browse files Browse the repository at this point in the history
  • Loading branch information
@nagrawal3
nagrawal3 committed Mar 30, 2017
1 parent dca3715 commit c9b2d68
Show file tree
Hide file tree
Showing 44 changed files with 762 additions and 653 deletions.
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/NoStripedTable.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const NoStripedTable = () => (
<Table isStriped={false}>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.Rows>
<Table.Row key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.Rows>
</Table>
Expand Down
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/SingleRowSelectableTable.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const SingleRowSelectableTable = () => (
<Table isStriped={false}>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.SingleSelectableRows>
<Table.Row isSelected key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.SingleSelectableRows>
</Table>
Expand Down
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/StripedTable.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const StripedTable = () => (
<Table>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.Rows>
<Table.Row key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.Rows>
</Table>
Expand Down
36 changes: 18 additions & 18 deletions packages/terra-site/src/examples/table/TableWithHighlightedRows.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,35 +5,35 @@ import Table from 'terra-table';
const TableWithHighlightedRows = () => (
<Table isStriped={false}>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.Rows>
<Table.Row isSelected key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row isSelected key={3}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={4}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.Rows>
</Table>
Expand Down
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/TableWithMaxHeight.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const TableWithMaxHeight = () => (
<Table isStriped={false}>
<Table.Header height={'small'}>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header End Header'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header Very long table header End Header'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.SingleSelectableRows height={'small'}>
<Table.Row key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text Very long table text End table text'} key={3} />
</Table.Row>
</Table.SingleSelectableRows>
</Table>
Expand Down
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/TableWithNonSelectableRow.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const TableWithNonSelectableRow = () => (
<Table isStriped={false}>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.SingleSelectableRows>
<Table.Row isSelected key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row isSelectable={false} key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.SingleSelectableRows>
</Table>
Expand Down
24 changes: 12 additions & 12 deletions packages/terra-site/src/examples/table/TableWithSortingIndicator.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@ import Table from 'terra-table';
const TableWithSortingIndicator = () => (
<Table isStriped={false}>
<Table.Header>
<Table.HeaderContent display={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent display={'Column Heading 2'} key={2} minWidth={'medium'} sort={'asc'} />
<Table.HeaderContent display={'Column Heading 3'} key={3} minWidth={'large'} />
<Table.HeaderContent content={'Column Heading 1'} key={1} minWidth={'small'} />
<Table.HeaderContent content={'Column Heading 2'} key={2} minWidth={'medium'} sort={'asc'} />
<Table.HeaderContent content={'Column Heading 3'} key={3} minWidth={'large'} />
</Table.Header>
<Table.SingleSelectableRows>
<Table.Row key={0}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={1}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
<Table.Row key={2}>
<Table.RowContent display={'Table Data'} key={1} />
<Table.RowContent display={'Table Data'} key={2} />
<Table.RowContent display={'Table Data'} key={3} />
<Table.RowContent content={'Table Data'} key={1} />
<Table.RowContent content={'Table Data'} key={2} />
<Table.RowContent content={'Table Data'} key={3} />
</Table.Row>
</Table.SingleSelectableRows>
</Table>
Expand Down
Loading

0 comments on commit c9b2d68

Please sign in to comment.