Alignment of input within editable DashTable

[papalazorous]

On my DataTables I prefer to align left in keeping with styling of some other linked applications. I’ve made the tables editable (they load some initial data, can be tweaked and then pushed into another application/saved down). Really minor thing…but is there a way to make the edited data appear from the left of the cell, as opposed to always default to starting from the right?

Initial table display (my data all left aligned):

When editing, the cell populates from right hand side (as well…the ‘filter data…’ message is similarly stuck over to the right):

really minor…not life and death but interested to know if this is also customisable please!

Thanks

[eiriklid]

We experience the same problem. Anyone found a solution?

[eiriklid]

Active cell is right aligned instead left like the table itself

I had to solve this using css: input.input-active.focused.dash-cell-value{ text-align: inherit !important; } input.input-active.unfocused.dash-cell-value{ text-align: inherit !important; } Curious to see, if there is a better solution without css but this should help you cure the symptom. Generally, checking developer tools of the browser you are using (e.g. by selecting “Inspect element”) goes a long way for debugging/improving the css.