Responsive width and height when programatically adding views

I'm currently using a Table Layout and programatically adding rows and buttons. However, when I add the views a lot of them go off-screen. Is there a way to programatically set the size to the portion of the screen.

I have decent experience with Android, but new to Kotlin.

Here is where I add the views

    private fun setupTable () {
        for(i in 0 until this.rowSize) {
            val row = TableRow(context)
            row.layoutParams
            row.layoutParams = ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT)
            for(j in 0 until this.columnSize) {
                val button = Button(context)
                button.apply {
                    layoutParams = TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
                        TableRow.LayoutParams.WRAP_CONTENT)
                    text = "R $i C $j"
                }
                row.addView(button)
            }
            wordLayout?.addView(row)
        }
    }

Here is the picture for reference. Here I want a 10x10 table and to fit all the buttons inside the TableLayout.

https://imgur.com/a/6yg5l02

from Responsive width and height when programatically adding views