Easyui PropertyGrid width problems

Question

When creating an easyui propertygrid dynamically the width becomes a little random. Sometimes it clamps to the contents and other times it expands to the full width of the container.

I want it to expand to the full width of the container.

let table = $(`<table id="${id}" class="easyui-propertygrid" style="width:100%" data-options=""></table>`);
        this._selector.append(table);

(<any>$(`#${id}`)).propertygrid({
    data: data,
    singleSelect: true,
    showGroup: true,
    showHeader: false,
    fitColumns: true,
    scrollbarSize: 0
});

this is basically what I am doing. The selector is a div.