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

defaultColWidth throwing Vue warnings #116

Closed
HDShabe opened this issue Feb 17, 2022 · 2 comments
Closed

defaultColWidth throwing Vue warnings #116

HDShabe opened this issue Feb 17, 2022 · 2 comments

Comments

@HDShabe
Copy link

HDShabe commented Feb 17, 2022

Development Relevant Information:

  • BalmUI version: 9.42.1
  • Browser: Chrome
  • Operating System: Windows 10

I've got a datatable where'd i'd set some fixed widths on the columns

<ui-table :data="requestData"
                      :thead="thead"
                      :tbody="tbody"
                      class="data-table"
                      show-progress
                      fullwidth>
   tbody: [
                    {
                        field: 'column1',
                        fixed: 'left',
                        width: 200
                    },

And I noticed I'd got the following warning in my Chrome console:

image

However whenever I add that property, looking at the docs on https://material.balmjs.com/#/data-display/table it says it's a type of number, however it seems to interpret whatever I set it as as a string?

<ui-table :data="requestData"
                      :thead="thead"
                      :tbody="tbody"
                      class="data-table"
                      show-progress
                      fullwidth
                      defaultColWidth=250>

If I set defaultColWidth=250 (I'm assuming this is the right type, a number) I get the following warning:

image

Any ideas? I've tried setting to "250" but that's a string and warns as you'd expect.

Cheers.

@elf-mouse
Copy link
Member

Yes, the defaultColWidth prop is not compatible with string at the moment

 You need use like this: <ui-table :defaultColWidth="250" ...

@HDShabe
Copy link
Author

HDShabe commented Feb 24, 2022

Thanks, this worked : )

@HDShabe HDShabe closed this as completed Feb 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants