Code representation style fixes

This commit is contained in:
Tuğçe Küçükoğlu 2023-09-22 15:54:14 +03:00
parent 11051fc020
commit e0fe133189
863 changed files with 4545 additions and 2404 deletions

View file

@ -46,7 +46,8 @@ export default {
return {
customers: null,
code: {
basic: `<DataTable :value="customers" rowGroupMode="subheader" groupRowsBy="representative.name" sortMode="single"
basic: `
<DataTable :value="customers" rowGroupMode="subheader" groupRowsBy="representative.name" sortMode="single"
sortField="representative.name" :sortOrder="1" scrollable scrollHeight="400px" tableStyle="min-width: 50rem">
<Column field="representative.name" header="Representative"></Column>
<Column field="name" header="Name" style="min-width: 200px"></Column>
@ -75,7 +76,8 @@ export default {
<div class="flex justify-content-end font-bold w-full">Total Customers: {{ calculateCustomerTotal(slotProps.data.representative.name) }}</div>
</template>
</DataTable>`,
options: `<template>
options: `
<template>
<div class="card">
<DataTable :value="customers" rowGroupMode="subheader" groupRowsBy="representative.name" sortMode="single"
sortField="representative.name" :sortOrder="1" scrollable scrollHeight="400px" tableStyle="min-width: 50rem">
@ -156,7 +158,8 @@ export default {
}
};
<\/script>`,
composition: `<template>
composition: `
<template>
<div class="card">
<DataTable :value="customers" rowGroupMode="subheader" groupRowsBy="representative.name" sortMode="single"
sortField="representative.name" :sortOrder="1" scrollable scrollHeight="400px" tableStyle="min-width: 50rem">