Ankita,
I’m running an environment with 12.0.6 right now.
“Word-wrap: break-word;” is set by default for table columns, and you do not need to add custom css to accomplish this. Did you also try setting a custom width on your table column?
Below is XML of this functionality working on a 12.0.6 page:
Also, just a friendly note – this is an online forum, so don’t plan for other users to respond immediately. When they do respond, it’s because they are willing to offer some free assistance to their fellow forum members. If you need immediate assistance, you should look at hiring a consultant or look at Skuid’s professional services engagement.
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true"> <models> <model id="Accounts" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account"> <fields> <field id="RecordTypeId"/> <field id="Name"/> <field id="Description"/> </fields> <conditions/> <actions/> </model> </models> <components> <grid uniqueid="sk-1F8s-209"> <divisions> <division behavior="flex" minwidth="100px" ratio="1"> <components/> </division> <division behavior="flex" verticalalign="top" minwidth="100px" ratio="1"> <components> <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="10" alwaysresetpagination="false" createrecords="true" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-1F86-85" model="Accounts"> <fields> <field id="Name" hideable="true" uniqueid="fi-1F8F-146" columnwidth="10px"/> <field id="Description" hideable="true" uniqueid="fi-1F8F-147"/> </fields> <rowactions> <action type="edit"/> <action type="delete"/> </rowactions> <massactions usefirstitemasdefault="true"> <action type="massupdate"/> <action type="massdelete"/> </massactions> <views> <view type="standard"/> </views> </skootable> </components> </division> <division behavior="flex" verticalalign="top" minwidth="100px" ratio="1"> <components/> </division> </divisions> <styles> <styleitem type="background" bgtype="none"/> </styles> </grid> </components> <resources> <labels/> <javascript/> <css/> <actionsequences uniqueid="sk-1F89-116"/> </resources> <styles> <styleitem type="background" bgtype="none"/> </styles> </skuidpage>
