#diydog_code
rancid domeBOT
đ Welcome to your new thread!
â˛ď¸ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
âąď¸ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
đ This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1476819087278739617
đ Have more to share? Add more details, code, screenshots, videos, etc. below.
brisk sigil
Hi, could you clarify which Doc or Github repo you are following?
exotic pier
https://docs.stripe.com/stripe-apps/components/detailpagetable?app-sdk-version=9#detailpagemoduletablecolumn
This is your official documentation; you can clearly see Stripe-Apps Examples on each list.
brisk sigil
I see, then you are using this component but rowActions={undefined}?
brisk sigil
Sorry I am confused. What do you want to achieve here?
exotic pier
rowActions is for row operations on a list; I want to operate on the top of the list.
I want to hide it.
brisk sigil
You want to hide the three dot in the top of the list?
exotic pier
I have every single one, but I don't need it and I want to modify or hide it.
exotic pier
You want to hide the three dot in the top of the list?
yes,Including title
brisk sigil
I think that's the DetailPageModuleTableRowActionGroup (the one on each row is DetailPageModuleTableRowAction)
Can you try to clear it?
exotic pier
I don't know how to clean up the components after looking at them.
exotic pier
I think that's the `DetailPageModuleTableRowActionGroup` (the one on each row is...
Isn't this a rowActions type?
Do you have a GitHub example of this component table? Perhaps I can refer to yi'x.
brisk sigil
No we don't have Github unfortunately. Have you tried on your code? We can look at how your code currently are
brisk sigil
Yes but can you share your full code for now? Just to make sure we are on a same page?
brisk sigil
Ty. I think there is no option to selectively disable the three dot on the title only then :/
If you remove the rowActions variable completely, what do you see?
exotic pier
Nothing at the top will change; column operations on the list will disappear.
brisk sigil
Removing this rowActions={[...rowActions]} make each row's Action disappear?
But the top remains?
exotic pier
yes
brisk sigil
Let me look closer on our implementation
Okay so it looks like the top three dot is hard-coded and cannot be configured. Sorry. Will record your feedback
exotic pier
The button at the bottom right also pops up another button, which cannot be configured by clicking. Why does a common component have this strange, unmodifiable feature?
brisk sigil
Could you screenshot that bottom right button?
exotic pier
Wasn't this component developed by you?
I've switched to the Table component, but it doesn't wrap lines or show a bottom scrollbar. What else can I use?
exotic pier
The top of this image is the table component.
rancid domeBOT
brisk sigil
That's the action on each row, correct? It's expected to display a clickable popup.
exotic pier
My God, don't you understand what I'm saying yet?
Please take a look at your documentation. This is an operation at the top of DetailPageTable, not row manipulation. I have already removed the row manipulation.
I think my screenshot is clear enough.
Your documents are the same.
brisk sigil
So you mentioned earlier a button at the bottom, and I think that's the action on each row. Because "bottom" is contradicts with "top of DetailPageTable"
Okie I get it now, it's still the three dot at top of the DetailPageTable, but you have another Table on top of it, correct?
exotic pier
yes
Can you ask a professional developer to answer this?
Have you used your products or your components?
brisk sigil
Yes I am a developer. I am trying to understand what you expected vs what is currently available.
exotic pier
My requirement is very clear: remove the title and those three dots from this component. I've already provided screenshots and explanations from the beginning.
brisk sigil
Okay so it looks like the top three dot is hard-coded and cannot be configured. ...
That's not possible unfortunately. Mentioned here
exotic pier
I've switched to the Table component, but it doesn't wrap lines or show a bottom...
Could you please take a look at this new component? Does it not support line breaks or display a scrollbar at the bottom?
brisk sigil
Do you mean horizontal scroll bar when the row is too long?
I believe it should. The default is breaking above 300px width, and should be scrollable
brisk sigil
Example app works fine for me that it wrap on mobile-responsive
That could be your parent div CSS settings
exotic pier
Example app works fine for me that it wrap on mobile-responsive
Mine is the same.My screenshot says it all. I don't want the title and the three dots at the top, you understand?
brisk sigil
Okay so it looks like the top three dot is hard-coded and cannot be configured. ...
That's the same limitation I have mentioned here
exotic pier
How can I display a scrollbar in a Table component? I've tried wrapping it with a Box, but it still doesn't work.
brisk sigil
That will requires deeper look at your whole page's HTML structure and CSS properties. Your parent div's CSS can affect this table inside it
Please write to Support and we can spend more time looking closer on this. Please include a publicly accessible URL when you write in
exotic pier
It doesn't seem to be wrapping.
exotic pier
Example app works fine for me that it wrap on mobile-responsive
It's already running; perhaps you could try adding the Table component to your project.
