What’s the Best Way to Work with Canvas for Drawing Tables?

I'm experimenting with creating a table using the HTML canvas and I'm curious about the best practices for interacting with it. I need to handle some basic operations like drawing a grid with rows and columns, painting a background, and printing headers and data. My concern is whether to use a functional approach for these operations or stick to an imperative approach. The functional method tends to create redundant loops—I'll need to loop through both rows and columns for the grid and the data printing, which could get messy. On the other hand, the imperative approach means I'd be manually handling two loops, one for rows and one for columns, and that worries me since it would require reprinting the entire grid with every update. Which approach do you think is better?