LiveCode Forums.

I made basic use of a DataGrid in my recent project. It worked fine, but when I run the app on Android the Column Header Name text is too tall for the Column Header and this caused the bottom of the Column Header name to get cut off.

I was able to easily change the row height in the DataGrid to 25px, but changing the Column Header height is proving more difficult.

I see in the documentation there is a dgProperty called Header Height. I tried adding to the DataGrid script, but it didn't work.

I found this in the documentation, but I'm not quite sure what it means:

default header behavior

- The table style has an internal behavior that is used for column headers. If you would like to override the default behavior for column headers you can set this property to point to a button with your own behavior script.

To see the script that the data grid uses by default you can edit the script of button "Default Header" of group "Behaviors" of stack "revDataGridLibrary"

Thanks in advance for any help or suggestions,

TJ.

The technique being described is detailed in this lesson from the Data Grid guide.
"How Do I Override the Default Behavior For Rendering Data to a Cell?"
You just need to use substitute default header behavior for default column behavior.

You have to put "header height" in quotes.
set the dgprops["header height"] of group "dataGrid" to 38

Thank you both for your advice. Obviously I need to go back and review the documentation in detail. Right now I'm still finding the DataGrid a bit confusing!

TJ.

The DG is very sophisticated. You can do all sorts of nifty things with it. If you find it hard to use, though, you are probably trying too hard. I would focus less on tweaking the code and making custom layouts, and more on the properties you can set (those are in the back of the DG manual). At that point if you aren't sure what to do, ask for help before embarking on a safari.