Do you have another way to customize table style?

Answered
pvaritta asked on December 4, 2018

Hi,
I saw your example that provide us to customize table style by doing css in theme folder. So, my question is how do I change config style in code or anywhere?( I'm using React ES6). (ref: https://www.flexmonster.com/doc/customizing-appearance/ )
Plus, do you have another way to  customized style that not doing about css? Like have some property object that can pass on the code?
 
Regards,
Varitta.

3 answers

Public
Dmytro Zvazhii Dmytro Zvazhii Flexmonster December 4, 2018

Hello Varitta,
Thank you for writing. In case you need to customize Flexmonster's styling the approach described in the article is the only possible one.
You just need to pre-configure the style you need and then re-use it everywhere.
If your use case requires changing the styling in the runtime please refer to the following example: http://jsfiddle.net/flexmonster/bo56pzbq/.
Let us know in case of any other question.
Regards,
Dmytro

Public
pvaritta December 12, 2018

Hi Dmytro,
I follow as document suggest( ref: https://www.flexmonster.com/doc/customizing-appearance/) But I have few question to ask you.

  1. As you said I have to create my own style folder in theme. But flexmonster/theme is in node_module. If I use command 'yarn install' the theme folder that I created gone. How do I handle it?
  2. If I'm doing wrong from 1. So, what should I place theme folder in react app and call it to use?

Thank you.
Varitta

Public
Dmytro Zvazhii Dmytro Zvazhii Flexmonster December 14, 2018

Hello Varitta,
Thank you for your feedback. 

  1. Creating a separate folder in flexmonster/theme is a recommended approach but it is not applicable to your case. It is not a mandatory requirement to create the folder with your custom styling in a node_modules folder. You can store the styling depending on your project's structure.
  2. The possible option here is to put your styling folder near the index.html page so it was easy to include the .CSS file into the page.

Please let us know in case you need any other assistance.
Regards,
Dmytro

Please login or Register to Submit Answer