x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script> window.Translations = window.Translations || { en: { add_row: 'Add row', delete_modal_title: 'Delete', delete_row_modal_subtitle: 'Are you sure you want to delete this row?', delete_rows_modal_subtittle: 'Are you sure you want to delete these rows?', modal_cancel: 'Cancel', modal_confirm: 'Confirm', modal_title: 'Add column', description1: 'Copy existing values to the new column?', description2: 'No more columns available.', left_button_label: 'Do not copy', right_button_label: 'Copy values', description_placeholder: 'Enter description...', output_token_placeholder: 'Output value', description_tooltip: 'Description column', value_in_tooltip: 'Input value', value_out_tooltip: 'Output value', value_new_tooltip: 'New value', discount_value_tooltip: 'Discount', description: 'Description', value_in: 'Value In', value_out: 'Value Out', value_new: 'Value New', discount_value: 'Discount' } };</script><div style="width: 100%; min-width: 900px;"> <div class="pricing-table pricing-table--readonly"> <div class="pricing-table__header pricing-table__header--readonly"> <div class="pricing-table__header--table-section">Sample Pricing Table (Read Only)</div> <div class="pricing-table__header--actions pricing-table__header--actions--disabled"> <button class="lui-button lui-button--neutral--secondary lui-button--size-small" type="button" disabled>Disabled</button> </div> </div> <div class="pricing-table__field" style="padding: 0;"> <div data-react-class="PricingRuleGrid" data-react-props="{"id":2,"availableColumns":[],"initialColumns":[{"id":1,"column_key":"sku","title":"SKU","type":"string","options":null,"deleted":false},{"id":2,"column_key":"brand","title":"Brand","type":"string","options":null,"deleted":false}],"initialData":[{"id":201,"position":1,"cells":[{"id":2001,"column_key":"sku","value":"ABC-001"},{"id":2002,"column_key":"brand","value":"Acme"},{"id":2003,"column_key":"value_out","value":{"text":"29.99","fixed":false}}]},{"id":202,"position":2,"cells":[{"id":2004,"column_key":"sku","value":"DEF-002"},{"id":2005,"column_key":"brand","value":"Globex"},{"id":2006,"column_key":"value_out","value":{"text":"49.99","fixed":false}}]}],"priceColumns":[{"column_key":"value_out","title":"Value Out","type":"pricing"}],"extraColumns":[],"writable":false,"locale":"en","currency":"€","formatEn":true}" ></div> </div> </div></div>No Usage documentation to display.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<script> window.Translations = window.Translations || { en: { add_row: 'Add row', delete_modal_title: 'Delete', delete_row_modal_subtitle: 'Are you sure you want to delete this row?', delete_rows_modal_subtittle: 'Are you sure you want to delete these rows?', modal_cancel: 'Cancel', modal_confirm: 'Confirm', modal_title: 'Add column', description1: 'Copy existing values to the new column?', description2: 'No more columns available.', left_button_label: 'Do not copy', right_button_label: 'Copy values', description_placeholder: 'Enter description...', output_token_placeholder: 'Output value', description_tooltip: 'Description column', value_in_tooltip: 'Input value', value_out_tooltip: 'Output value', value_new_tooltip: 'New value', discount_value_tooltip: 'Discount', description: 'Description', value_in: 'Value In', value_out: 'Value Out', value_new: 'Value New', discount_value: 'Discount' } };</script><div style="width: 100%; min-width: 900px;"> <div class="pricing-table pricing-table--readonly"> <div class="pricing-table__header pricing-table__header--readonly"> <div class="pricing-table__header--table-section">Sample Pricing Table (Read Only)</div> <div class="pricing-table__header--actions pricing-table__header--actions--disabled"> <button class="lui-button lui-button--neutral--secondary lui-button--size-small" type="button" disabled>Disabled</button> </div> </div> <div class="pricing-table__field" style="padding: 0;"> <div data-react-class="PricingRuleGrid" data-react-props="<%= { id: 2, availableColumns: [], initialColumns: [ { id: 1, column_key: 'sku', title: 'SKU', type: 'string', options: nil, deleted: false }, { id: 2, column_key: 'brand', title: 'Brand', type: 'string', options: nil, deleted: false } ], initialData: [ { id: 201, position: 1, cells: [ { id: 2001, column_key: 'sku', value: 'ABC-001' }, { id: 2002, column_key: 'brand', value: 'Acme' }, { id: 2003, column_key: 'value_out', value: { text: '29.99', fixed: false } } ]}, { id: 202, position: 2, cells: [ { id: 2004, column_key: 'sku', value: 'DEF-002' }, { id: 2005, column_key: 'brand', value: 'Globex' }, { id: 2006, column_key: 'value_out', value: { text: '49.99', fixed: false } } ]} ], priceColumns: [ { column_key: 'value_out', title: 'Value Out', type: 'pricing' } ], extraColumns: [], writable: false, locale: 'en', currency: '€', formatEn: true }.to_json %>" ></div> </div> </div></div>No notes provided.
No params configured.
No documentation to display.