silk_route11 silk_route11 - 1 year ago 178
jQuery Question

Set column width in percentage using JQWidgets "setcolumnproperty" method

According to the API documentation of JQWidgets, Width of grid columns can be set in pixel value by "setcolumnproperty" method. Like below

$('#jqxGrid').jqxGrid('setcolumnproperty', 'firstname', 'width', 100);

But I need it in percentage. Can anyone help me?

Answer Source

There is no direct solution as the method "setcolumnproperty" does not support widths as percentages. However, the column properties, such as "width", can be set in percentage when creating the grid as below.

    source: dataAdapter,
    columns: [
        { text: 'First Name', datafield: 'firstname', width: '20%'  },
        { text: 'Last Name', datafield: 'lastname', width: '20%' },
        { text: 'Product', datafield: 'productname', width: '20%' }

Again the column properties can be passed by an array after setting those properties as required.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download