{{--表アクション--}}

{{--｜列設定リセットボタン--}}
<x-button.sub id="btn_clear_col" text="列設定リセット"
    icon="fa-solid fa-eraser text-xs mr-0.5"
    shape="btn-table btn-light text-xs py-[0.1875rem]" />

{{--｜EXCEL出力ボタン--}}
<x-button.report-excel id="btn_export" @click="excelForCustomerPriceList" />

{{-- script --}}
<script>

    window.addEventListener('load', () => {

        // 列設定リセットボタン押下時
        $('#btn_clear_col').addEventListener('click', (e) => {
            // 商品在庫照会（サブグリッド）のフィルタは ag-Grid の管理外にあり
            // clearColumnState() では消えないため、ここで個別に削除する
            Object.keys(localStorage)
                .filter(k => k.startsWith('customer_price_list_inv_filter_'))
                .forEach(k => localStorage.removeItem(k));
            Alpine.$data($('#grid')).clearColumnState();
        });
        // EXCEL出力ボタン押下時
        $('#btn_export').addEventListener('click', (e) => {
            //Alpine.$data($('#grid')).excel();     {{-- /* <x-button.report-excel>と重複するため削除 */ --}}
        });
    });
</script>