Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bugfix:1568 table column divider is not visible, button inside table cant have href #1587

Open
wants to merge 12 commits into
base: master
Choose a base branch
from
Open

Bugfix:1568 table column divider is not visible, button inside table cant have href #1587

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
f83a27d
fix(1568): added border between header cells
verena-ifx Nov 14, 2024
e4e2143
fix(1568): button can now contain href inside table
verena-ifx Nov 14, 2024
4e45678
Merge e4e2143d52ca184dd1b3ece603feddf3046cacd3 into 0c39f81f7a1863903…
verena-ifx Nov 14, 2024
64a9e03
Update Stencil library version to 27.2.1--canary.1587.a4887a0d932091b…
invalid-email-address Nov 14, 2024
b4f5b3b
Merge branch 'master' into 1568-table-column-divider-is-not-visible
verena-ifx Nov 26, 2024
6bac48d
Merge b4f5b3bb94645adb840467f6b8dbebc69b5b9307 into 6faac9c0b826c2057…
verena-ifx Nov 26, 2024
753690a
Update Stencil library version to 27.7.2--canary.1587.6bac48d8a9000f5…
invalid-email-address Nov 26, 2024
a7882f0
feat(1568): successful test of table w custom cell renderer in react,…
verena-ifx Nov 26, 2024
196a951
feat(1568): successful test of table w custom cell renderer in react,…
verena-ifx Nov 26, 2024
2388e2d
Merge branch 'master' into 1568-table-column-divider-is-not-visible
verena-ifx Nov 26, 2024
1cd12a6
Merge 2388e2d00addff1140faa0851e29b491d187b821 into 4ea25ab02c3049b8f…
verena-ifx Nov 26, 2024
7510244
Update Stencil library version to 27.10.1--canary.1587.1cd12a63b4b783…
invalid-email-address Nov 26, 2024
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
13 changes: 13 additions & 0 deletions examples/stencil-components/vanilla-cdn/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -502,6 +502,8 @@ <h2>
<h2>
Table (Advanced)
</h2>
<h3>Table with sidebar filter</h3>

<div>
<ifx-table id="adv-table" row-height="default" cols="" rows="" table-height="auto" pagination="false"
pagination-page-size="10" enable-filtering="true" filter-orientation="sidebar">
Expand Down Expand Up @@ -552,6 +554,17 @@ <h2>

</ifx-filter-type-group>
</ifx-table>

<h3>Table with button</h3>
<ifx-table
row-height="default"
cols='[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"},{"headerName":"","field":"button"}]'
rows='[{"make":"Toyota","model":"Celica","price":35000,"age":10,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Toyota Button"}},{"make":"Ford","model":"Mondeo","price":32000,"age":12,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Ford Button"}},{"make":"Porsche","model":"Boxster","price":72000,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Porsche Button"}}]'
table-height="auto"
pagination="false"
pagination-page-size="10"
filter-orientation="none">
</ifx-table>
</div>
<br />
<br />
Expand Down
61 changes: 36 additions & 25 deletions examples/wrapper-components/react-vite-js/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion examples/wrapper-components/react-vite-js/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"test:local": "run-p preview:link watch:library"
},
"dependencies": {
"@infineon/infineon-design-system-react": "27.9.1--canary.1602.ec6fab548be85a123ee1baf1c195bdc5f10df507.0",
"@infineon/infineon-design-system-react": "27.10.1--canary.1587.1cd12a63b4b783e78a0ba2ac1167e3f00c7dcfb5.0",
"path": "^0.12.7",
"react": "^18.3.1",
"react-dom": "^18.3.1"
Expand Down
93 changes: 54 additions & 39 deletions examples/wrapper-components/react-vite-js/src/components/Table/Table.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,45 +3,60 @@ import { IfxTable, IfxFilterTypeGroup, IfxFilterAccordion, IfxFilterSearch, IfxL
function Table() {

return (
<IfxTable
row-height="default"
cols='[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]'
rows='[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000},{"make":"Bmw","model":"x","price":72000},{"make":"Mercedes","model":"y","price":72000},{"make":"Ferrari","model":"z","price":72000},{"make":"Chrysler","model":"a","price":72000},{"make":"Range rover","model":"b","price":72000},{"make":"Tesla","model":"x","price":72000},{"make":"Audi","model":"3","price":72000},{"make":"Landrover","model":"x","price":72000}]'
table-height="auto"
pagination="false"
pagination-page-size="10"
filter-orientation="sidebar">
<IfxFilterTypeGroup slot="sidebar-filter">
<div slot="filter-search">
<IfxFilterSearch filter-orientation="sidebar" filter-name="search"></IfxFilterSearch>
</div>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="make">
<IfxList slot="list" type="checkbox" name="make" max-visible-items="6">
<IfxListEntry slot="slot0" label="Toyota" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="Ford" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="Porsche" value="false"></IfxListEntry><IfxListEntry slot="slot3" label="Bmw" value="false"></IfxListEntry><IfxListEntry slot="slot4" label="Mercedes" value="false"></IfxListEntry><IfxListEntry slot="slot5" label="Ferrari" value="false"></IfxListEntry><IfxListEntry slot="slot6" label="Chrysler" value="false"></IfxListEntry><IfxListEntry slot="slot7" label="Range rover" value="false"></IfxListEntry><IfxListEntry slot="slot8" label="Tesla" value="false"></IfxListEntry><IfxListEntry slot="slot9" label="Audi" value="false"></IfxListEntry><IfxListEntry slot="slot10" label="Landrover" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="model">
<IfxList slot="list" type="checkbox" name="model" max-visible-items="6">
<IfxListEntry slot="slot0" label="Celica" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="Mondeo" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="Boxster" value="false"></IfxListEntry><IfxListEntry slot="slot3" label="x" value="false"></IfxListEntry><IfxListEntry slot="slot4" label="y" value="false"></IfxListEntry><IfxListEntry slot="slot5" label="z" value="false"></IfxListEntry><IfxListEntry slot="slot6" label="a" value="false"></IfxListEntry><IfxListEntry slot="slot7" label="b" value="false"></IfxListEntry><IfxListEntry slot="slot8" label="3" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="price">
<IfxList slot="list" type="checkbox" name="price" max-visible-items="6">
<IfxListEntry slot="slot0" label="35000" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="32000" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="72000" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="age">
<IfxList slot="list" type="checkbox" name="age" max-visible-items="6">
<IfxListEntry slot="slot0" label="10" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="12" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="undefined" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

</IfxFilterTypeGroup>
</IfxTable>
<div>
<h3>Table with button</h3>
<ifx-table
row-height="default"
cols='[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"},{"headerName":"","field":"button"}]'
rows='[{"make":"Toyota","model":"Celica","price":35000,"age":10,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Toyota Button"}},{"make":"Ford","model":"Mondeo","price":32000,"age":12,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Ford Button"}},{"make":"Porsche","model":"Boxster","price":72000,"button":{"disabled":false,"variant":"secondary","size":"s","target":"_blank","href":"https://www.w3schools.com/","theme":"default","type":"button","fullWidth":true,"text":"Porsche Button"}}]'
table-height="auto"
pagination="false"
pagination-page-size="10"
filter-orientation="none">
</ifx-table>
<br />
<h3>Table with sidebar filter</h3>
<IfxTable
row-height="default"
cols='[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]'
rows='[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000},{"make":"Bmw","model":"x","price":72000},{"make":"Mercedes","model":"y","price":72000},{"make":"Ferrari","model":"z","price":72000},{"make":"Chrysler","model":"a","price":72000},{"make":"Range rover","model":"b","price":72000},{"make":"Tesla","model":"x","price":72000},{"make":"Audi","model":"3","price":72000},{"make":"Landrover","model":"x","price":72000}]'
table-height="auto"
pagination="false"
pagination-page-size="10"
filter-orientation="sidebar">
<IfxFilterTypeGroup slot="sidebar-filter">
<div slot="filter-search">
<IfxFilterSearch filter-orientation="sidebar" filter-name="search"></IfxFilterSearch>
</div>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="make">
<IfxList slot="list" type="checkbox" name="make" max-visible-items="6">
<IfxListEntry slot="slot0" label="Toyota" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="Ford" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="Porsche" value="false"></IfxListEntry><IfxListEntry slot="slot3" label="Bmw" value="false"></IfxListEntry><IfxListEntry slot="slot4" label="Mercedes" value="false"></IfxListEntry><IfxListEntry slot="slot5" label="Ferrari" value="false"></IfxListEntry><IfxListEntry slot="slot6" label="Chrysler" value="false"></IfxListEntry><IfxListEntry slot="slot7" label="Range rover" value="false"></IfxListEntry><IfxListEntry slot="slot8" label="Tesla" value="false"></IfxListEntry><IfxListEntry slot="slot9" label="Audi" value="false"></IfxListEntry><IfxListEntry slot="slot10" label="Landrover" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="model">
<IfxList slot="list" type="checkbox" name="model" max-visible-items="6">
<IfxListEntry slot="slot0" label="Celica" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="Mondeo" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="Boxster" value="false"></IfxListEntry><IfxListEntry slot="slot3" label="x" value="false"></IfxListEntry><IfxListEntry slot="slot4" label="y" value="false"></IfxListEntry><IfxListEntry slot="slot5" label="z" value="false"></IfxListEntry><IfxListEntry slot="slot6" label="a" value="false"></IfxListEntry><IfxListEntry slot="slot7" label="b" value="false"></IfxListEntry><IfxListEntry slot="slot8" label="3" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="price">
<IfxList slot="list" type="checkbox" name="price" max-visible-items="6">
<IfxListEntry slot="slot0" label="35000" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="32000" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="72000" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

<IfxFilterAccordion slot="filter-accordion" filter-group-name="age">
<IfxList slot="list" type="checkbox" name="age" max-visible-items="6">
<IfxListEntry slot="slot0" label="10" value="false"></IfxListEntry><IfxListEntry slot="slot1" label="12" value="false"></IfxListEntry><IfxListEntry slot="slot2" label="undefined" value="false"></IfxListEntry>
</IfxList>
</IfxFilterAccordion>

</IfxFilterTypeGroup>
</IfxTable>
</div>


);
}
Expand Down
2 changes: 1 addition & 1 deletion examples/wrapper-components/vue-javascript/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"test:local": "run-p preview:link watch:library"
},
"dependencies": {
"@infineon/infineon-design-system-vue": "27.9.1--canary.1602.ec6fab548be85a123ee1baf1c195bdc5f10df507.0",
"@infineon/infineon-design-system-vue": "27.10.1--canary.1587.1cd12a63b4b783e78a0ba2ac1167e3f00c7dcfb5.0",
"@vitejs/plugin-vue": "^4.0.0",
"@vitejs/plugin-vue-jsx": "^3.0.1",
"vite": "^5.0.12",
Expand Down
Loading