<div class="return-detail-table">
<div class="table-header">
<div class="table-header__column--title">
<h4 class="heading-counter">
Artikel
<span class="counter-bubble" data-counter="122"></span>
</h4>
</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="return-detail-table-search" type="text" name="return-detail-table-search" required data-responsive-table-search="true" placeholder="Suche in Artikeln" />
<label class="visually-hidden" for="return-detail-table-search">Suche in Artikeln</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="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="250px">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th is-right-aligned">
Pos.
</th>
<th class="responsive-table__th">
</th>
<th class="responsive-table__th">
Artikel
</th>
<th class="responsive-table__th">
Auftragsnummer
</th>
<th class="responsive-table__th is-right-aligned">
Urspr. Pos.
</th>
<th class="responsive-table__th">
Lieferdatum
</th>
<th class="responsive-table__th">
Grund
</th>
<th class="responsive-table__th is-right-aligned">
Menge
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
1
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-1" type="text" name="comment-1" value="Für Oscar" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-1">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">123456789</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
2
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/image/fallback-image.png" class="image__img image-cell__image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="#" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 700 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr. Lieferant</div>
<div class="attributes__value " title="IBTE8036E">
IBTE8036E
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kurzbezeichn.</div>
<div class="attributes__value " title="Transfer">
Transfer
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">546546768</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
3
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 600 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-2" type="text" name="comment-2" value="Für Oscar" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-2">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">444555443</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="8">
<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/offag-returns/components/return-detail-table/return-detail-table.twig' %}
{
"tableHeader": {
"heading": {
"level": "4",
"title": "Artikel",
"counter": "122"
}
},
"table": {
"noMatchMessage": "Keine Ergebnisse gefunden",
"autoScrollbar": true,
"search": {
"searchField": {
"variant": "light",
"id": "return-detail-table-search",
"name": "return-detail-table-search",
"label": "Suche in Artikeln",
"required": true,
"value": "",
"disabled": false,
"error": "",
"type": "text",
"autocomplete": "",
"attributes": {
"data-responsive-table-search": "true"
}
},
"offset": "none"
},
"firstColumnMobileFullHeight": true,
"moveItemsDropdownContent": [
{
"name": "Auswahl in den Warenkorb kopieren"
},
{
"name": "Auswahl in den Merkliste kopieren"
},
{
"name": "Auswahl stornieren"
},
{
"name": "Auswahl retournieren"
}
],
"columnDefs": [
{
"label": "Pos.",
"name": "position",
"thClass": "is-right-aligned"
},
{
"name": "image",
"width": "72px"
},
{
"label": "Artikel",
"name": "item",
"customResponsive": true
},
{
"label": "Auftragsnummer",
"name": "orderNumber"
},
{
"label": "Urspr. Pos.",
"name": "originalPositionNumber",
"preventWrap": true,
"thClass": "is-right-aligned"
},
{
"label": "Lieferdatum",
"name": "deliveryDate",
"preventWrap": true
},
{
"label": "Grund",
"name": "reason",
"width": "250px"
},
{
"label": "Menge",
"name": "quantity",
"thClass": "is-right-aligned"
}
],
"rowData": [
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-1",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"position": {
"type": "text",
"data": "1",
"tdClass": "is-right-aligned is-index-td"
},
"image": {
"include": "...shared-product-data--default.productImageWithTwoSpecials"
},
"item": {
"include": "...shared-product-data--default.productItemWithRecyclingAndReadOnlyComment1"
},
"orderNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">123456789</a>"
}
},
"originalPositionNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"tdClass": "is-right-aligned",
"data": {
"content": "<p>6</p>"
}
},
"deliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>20.03.2021</p>"
}
},
"reason": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Falschbestellung</p>"
}
},
"quantity": {
"include": "...offag-returns-data--default.quantityWithTooltipThreeRows"
}
},
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-2",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"position": {
"type": "text",
"data": "2",
"tdClass": "is-right-aligned is-index-td"
},
"image": {
"include": "...shared-product-data--default.productImageFallback"
},
"item": {
"include": "...shared-product-data--default.productItemAttributesOnly"
},
"orderNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">546546768</a>"
}
},
"originalPositionNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"tdClass": "is-right-aligned",
"data": {
"content": "<p>6</p>"
}
},
"deliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>20.03.2021</p>"
}
},
"reason": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Falschbestellung</p>"
}
},
"quantity": {
"include": "...offag-returns-data--default.quantityWithTooltipThreeRows"
}
},
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-3",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"position": {
"type": "text",
"data": "3",
"tdClass": "is-right-aligned is-index-td"
},
"image": {
"include": "...shared-product-data--default.productImage"
},
"item": {
"include": "...shared-product-data--default.productItemWithRecyclingAndReadOnlyComment2"
},
"orderNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">444555443</a>"
}
},
"originalPositionNumber": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"tdClass": "is-right-aligned",
"data": {
"content": "<p>6</p>"
}
},
"deliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>20.03.2021</p>"
}
},
"reason": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Falschbestellung</p>"
}
},
"quantity": {
"include": "...offag-returns-data--default.quantityWithTooltipThreeRows"
}
}
]
}
}
No notes defined.