New-HTMLTable -AutoSize?

[shivtorov]

Does anyone know how to make HTMLTable to autosize its columns width based on its content?

I had it working once few days ago, while experimenting with some other features. But I have not saved that code. And now I can't find the correct combination of cmdlets/params to make it work again.

What's missing in the following code for AutoSize to work?

$table1 = @'
ID,Name
10,Alice
20,Bob
'@ | ConvertFrom-Csv

New-HTML -Temporary -Online -ShowHTML {
    New-HTMLTable -DataTable $table1 -AutoSize
}

[PrzemyslawKlys]

Your code is fine, but it will try to fit to the page you have it on. If you push more data it will resize properly.

[shivtorov]

The table produced by my code has width 100% of the screen and two very wide columns:

I want the table to be compact, like this:

[PrzemyslawKlys]

$table1 = @'
ID,Name
10,Alice
20,Bob
'@ | ConvertFrom-Csv

New-HTML -Online -ShowHTML {
    New-HTMLSection -Invisible {
        New-HTMLContainer -Width 200px {
            New-HTMLTable -DataTable $table1 -AutoSize
        }
    }
}

[shivtorov]

Thank you @PrzemyslawKlys
Now, I have the combination of cmdlets/params that produces the desired outcome.

In case someone has the same problem, the crucial part of the code to get the desired result:

New-HTML -Online -ShowHTML {
    New-HTMLSection {
        New-HTMLContainer -Width auto {
            New-HTMLTable -DataTable $table1 -AutoSize -DisableResponsiveTable
        }
    }
}

Full code:

$table1 = @'
ID,Name
10,Alice
20,Bob
'@ | ConvertFrom-Csv

New-HTML -Online -ShowHTML {
    New-HTMLSection {
        New-HTMLContainer -Width auto {
            New-HTMLTable -DataTable $table1 -AutoSize -DisableResponsiveTable -DisableInfo -DisablePaging -DisableSearch -HideFooter -DisableSelect -HideButtons
        }
    }
}

Result: