Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] borderLineDash not function when using registerCustomCellStyle #2818

Closed
purpose233 opened this issue Nov 12, 2024 · 0 comments · Fixed by #2872
Closed

[Bug] borderLineDash not function when using registerCustomCellStyle #2818

purpose233 opened this issue Nov 12, 2024 · 0 comments · Fixed by #2872
Assignees
Labels
bp bp bug Something isn't working

Comments

@purpose233
Copy link

Version

1.10.0

Link to Minimal Reproduction

null

Steps to Reproduce

let  tableInstance;
  fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American_Superstore_data.json')
    .then((res) => res.json())
    .then((data) => {

const columns =[
    {
        "field": "Order ID",
        "title": "Order ID",
        "width": "auto"
    },
    {
        "field": "Customer ID",
        "title": "Customer ID",
        "width": "auto"
    },
    {
        "field": "Product Name",
        "title": "Product Name",
        "width": "auto"
    },
    {
        "field": "Category",
        "title": "Category",
        "width": "auto"
    },
    {
        "field": "Sub-Category",
        "title": "Sub-Category",
        "width": "auto"
    },
    {
        "field": "Region",
        "title": "Region",
        "width": "auto"
    },
    {
        "field": "City",
        "title": "City",
        "width": "auto"
    },
    {
        "field": "Order Date",
        "title": "Order Date",
        "width": "auto"
    },
    {
        "field": "Quantity",
        "title": "Quantity",
        "width": "auto"
    },
    {
        "field": "Sales",
        "title": "Sales",
        "width": "auto"
    },
    {
        "field": "Profit",
        "title": "Profit",
        "width": "auto"
    }
];

const option = {
  records:data,
  columns,
  widthMode:'standard',
//   theme: {
//     bodyStyle: {
//         borderLineDash: [3,3]
//     }
//   }
};
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
window['tableInstance'] = tableInstance;

const cellStyle = {
    key: 'custom',
    row: 2,
    col: 2,
    style: {
        bgColor: 'lightgreen',
        borderLineWidth: 6,
        borderColor: 'blue',
        borderLineDash: [3, 3]
    }
};
tableInstance.registerCustomCellStyle(cellStyle.key, cellStyle.style);
const cellRange = tableInstance.getCellRange(cellStyle.col, cellStyle.row);
// 匹配样式
tableInstance.arrangeCustomCellStyle(
    {
        range: cellRange
    },
    cellStyle.key
);

    })

Current Behavior

image

Expected Behavior

render cell with specified line dash

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@purpose233 purpose233 added the bug Something isn't working label Nov 12, 2024
@fangsmile fangsmile added the bp bp label Nov 12, 2024
Rui-Sun added a commit that referenced this issue Nov 19, 2024
@Rui-Sun Rui-Sun linked a pull request Nov 19, 2024 that will close this issue
21 tasks
Rui-Sun added a commit that referenced this issue Nov 19, 2024
Rui-Sun added a commit that referenced this issue Nov 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bp bp bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants