<div class="wishlist-table">
<div class="table-header">
<div class="table-header__column--title">
<h4 class="heading-counter">
Artikel
<span class="counter-bubble" data-counter="12"></span>
</h4>
</div>
<div class="table-header__column--buttons">
<button class="button-icon--icon-text-regular -icon-trash" type="button" name="refresh" value="true">
Merkliste leeren
</button>
<button class="button-icon--icon-text-regular -icon-import" type="button" name="refresh" value="true">
CSV Importieren
</button>
</div>
</div>
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="table-search" data-offset="none">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="wishlist-table-search" type="text" name="wishlist-table-search" required data-responsive-table-search="true" placeholder="Suche" />
<label class="visually-hidden" for="wishlist-table-search">Suche</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="160px">
<col style="64px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
<div class="responsive-table__select-all-box">
<div class="checkbox--light is-initialized">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-selection-checkbox" type="checkbox" name="#" />
<label class="checkbox__label has-empty-label" for="multi-selection-checkbox">
<span>
</span>
</label>
</div>
</div>
<div class="responsive-table__multiselect-dropdown">
<div class="dropdown">
<button type="button" class="dropdown__toggle is-thin"> </button>
<div class="dropdown__content" style="width: 300px;">
<div class="responsive-table__batch-operations-dropdown">
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in anderen Warenkorb verschieben
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in anderen Warenkorb kopieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in andere Merkliste verschieben
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in andere Merkliste kopieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl löschen
</button>
</div>
</div>
</div>
</div>
</div>
</th>
<th class="responsive-table__th is-centered is-index-column">
Pos.
</th>
<th class="responsive-table__th">
</th>
<th class="responsive-table__th">
Artikel
</th>
<th class="responsive-table__th">
Inhaltsmenge
</th>
<th class="responsive-table__th is-centered">
Lager
</th>
<th class="responsive-table__th">
UVP
</th>
<th class="responsive-table__th">
Preis
</th>
<th class="responsive-table__th is-centered">
EB
</th>
<th class="responsive-table__th is-right-aligned">
Preis Total
</th>
<th class="responsive-table__th is-hidden-on-desktop">
</th>
<th class="responsive-table__th is-hidden-on-desktop">
Aktion
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="12">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-wishlist/components/wishlist-table/wishlist-table.twig' %}
{
"tableHeader": {
"heading": {
"level": "4",
"title": "Artikel",
"counter": "12"
},
"headerButtons": [
{
"variant": "icon-text-regular",
"title": "Merkliste leeren",
"icon": "trash",
"type": "button",
"role": "button",
"name": "refresh",
"value": "true"
},
{
"variant": "icon-text-regular",
"title": "CSV Importieren",
"icon": "import",
"type": "button",
"role": "button",
"name": "refresh",
"value": "true"
}
]
},
"table": {
"multiselectDropdown": {
"label": " ",
"contentWidth": "300px",
"thinToggleArrow": true
},
"moveItemsDropdownContent": [
{
"name": "Auswahl in anderen Warenkorb verschieben"
},
{
"name": "Auswahl in anderen Warenkorb kopieren"
},
{
"name": "Auswahl in andere Merkliste verschieben"
},
{
"name": "Auswahl in andere Merkliste kopieren"
},
{
"name": "Auswahl löschen"
}
],
"noMatchMessage": "Keine Ergebnisse gefunden",
"autoScrollbar": true,
"search": {
"searchField": {
"variant": "light",
"id": "wishlist-table-search",
"name": "wishlist-table-search",
"label": "Suche",
"required": true,
"value": "",
"disabled": false,
"error": "",
"type": "text",
"autocomplete": "",
"attributes": {
"data-responsive-table-search": "true"
}
},
"offset": "none"
},
"firstColumnMobileFullHeight": true,
"columnDefs": [
{
"name": "multiSelect",
"type": "checkbox",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"checkbox": {
"variant": "light",
"id": "multi-selection-checkbox",
"name": "#"
}
},
{
"label": "Pos.",
"name": "position",
"thClass": "is-centered is-index-column"
},
{
"name": "image",
"width": "72px"
},
{
"label": "Artikel",
"name": "item",
"customResponsive": true
},
{
"label": "Inhaltsmenge",
"name": "contentQuantity"
},
{
"label": "Lager",
"name": "stock",
"thClass": "is-centered"
},
{
"label": "UVP",
"name": "rrp",
"preventWrap": true
},
{
"label": "Preis",
"name": "livePrice",
"preventWrap": true
},
{
"label": "EB",
"name": "personalUse",
"thClass": "is-centered"
},
{
"label": "Preis Total",
"name": "totalPrice",
"preventWrap": true,
"thClass": "is-right-aligned"
},
{
"name": "addToCart",
"width": "160px",
"thClass": "is-hidden-on-desktop"
},
{
"label": "Aktion",
"name": "action",
"width": "64px",
"thClass": "is-hidden-on-desktop"
}
],
"rowData": null
}
}
import WishlistTable, {selector as sel} from 'cando-cx-components-library/components/modules/b2b-wishlist/components/wishlist-table/wishlist-table';
export default WishlistTable;
export const selector = sel;
No notes defined.