优化

src/shared/components/DataTable.test.ts

@@ -5,7 +5,11 @@ import DataTable, { createPaginationItems, normalizePage, normalizePageSizes, ty
 import LayoutPreferenceList from './LayoutPreferenceList.vue'
 import { UI_PREFERENCE_SCOPE, preferenceStorageKey } from '@/shared/utils/uiLayoutPreference'
 
-const TableStub = defineComponent({ template: '<div><slot /></div>', methods: { doLayout() {} } })
+const TableStub = defineComponent({
+  props: { border: Boolean, stripe: Boolean },
+  template: '<div class="table-stub" :data-border="String(border)" :data-stripe="String(stripe)"><slot /></div>',
+  methods: { doLayout() {} },
+})
 const ColumnStub = defineComponent({
   inheritAttrs: false,
   props: { label: String, prop: String },
@@ -69,6 +73,26 @@ describe('DataTable pagination helpers', () => {
 describe('DataTable column preferences', () => {
   beforeEach(() => localStorage.clear())
 
+  it('enables bordered striped business tables by default and allows explicit opt-out', () => {
+    const defaultTable = shallowMount(DataTable, {
+      props: { data: [], columns: configurableColumns },
+      global: {
+        stubs: { ElTable: TableStub, ElTableColumn: ColumnStub, ElButton: ButtonStub, ElPopover: PopoverStub },
+        directives: { loading: {} },
+      },
+    })
+    expect(defaultTable.get('.table-stub').attributes()).toMatchObject({ 'data-border': 'true', 'data-stripe': 'true' })
+
+    const plainTable = shallowMount(DataTable, {
+      props: { data: [], columns: configurableColumns, border: false, stripe: false },
+      global: {
+        stubs: { ElTable: TableStub, ElTableColumn: ColumnStub, ElButton: ButtonStub, ElPopover: PopoverStub },
+        directives: { loading: {} },
+      },
+    })
+    expect(plainTable.get('.table-stub').attributes()).toMatchObject({ 'data-border': 'false', 'data-stripe': 'false' })
+  })
+
   it('uses key as the data property for ordinary columns only', () => {
     const wrapper = shallowMount(DataTable, {
       props: {