<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>How to make an Column in editable grid Dynamic?</title><link>https://community.appian.com/discussions/f/user-interface/26268/how-to-make-an-column-in-editable-grid-dynamic</link><description>We want to display dynamic column values (e.g. if a field is a picklist, date, datetime, boolean, user picker, text, integer)</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: How to make an Column in editable grid Dynamic?</title><link>https://community.appian.com/thread/109504?ContentTypeID=1</link><pubDate>Wed, 15 Mar 2023 19:21:22 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:0bbf0879-41f6-46b1-8722-f6013c8cf4f6</guid><dc:creator>Abhay Dalsaniya</dc:creator><description>&lt;p&gt;You mean to show/hide column on different condition? If that is the question you can configure that using showWhen within the&amp;nbsp;a!gridField() or&amp;nbsp;a!gridLayout()&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to make an Column in editable grid Dynamic?</title><link>https://community.appian.com/thread/109501?ContentTypeID=1</link><pubDate>Wed, 15 Mar 2023 18:36:51 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:55b8ac73-608d-4c46-b3c6-c030db6d2186</guid><dc:creator>anusham</dc:creator><description>&lt;p&gt;can you share an example for the second point you mentioned on single column?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to make an Column in editable grid Dynamic?</title><link>https://community.appian.com/thread/103088?ContentTypeID=1</link><pubDate>Tue, 18 Oct 2022 07:37:44 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:b4998879-ea7a-4c7d-80dc-cda710274296</guid><dc:creator>deepakg271869</dc:creator><description>&lt;p&gt;Could you please explain a bit more. if you want multiple columns then you gridrowlayout with multiple columns. If you want a single column but diff field type for different rows then based on some values you have to set the fields via if else condition.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to make an Column in editable grid Dynamic?</title><link>https://community.appian.com/thread/103062?ContentTypeID=1</link><pubDate>Tue, 18 Oct 2022 05:16:51 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:1169df81-5ac2-4a3e-914c-7684ce3eb89a</guid><dc:creator>ujjwalr0002</dc:creator><description>&lt;p&gt;Hi, you can simply use the picker field date field anything you want.&lt;/p&gt;
&lt;p&gt;For more check the link&amp;nbsp;&lt;a href="https://docs.appian.com/suite/help/22.3/Editable_Grid_Component.html"&gt;https://docs.appian.com/suite/help/22.3/Editable_Grid_Component.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;pre class="ui-code" data-mode="text"&gt;=a!localVariables(
  local!items: {
    {item: &amp;quot;Item 1&amp;quot;, qty: 10, unitPrice: 10, date:now()},
    
  },
  a!gridLayout(
    label: &amp;quot;Products&amp;quot;,
    instructions: &amp;quot;This is a grid layout with column weights: 5, 1, 1, 2&amp;quot;,
    headerCells: {
      a!gridLayoutHeaderCell(label: &amp;quot;Item&amp;quot;),
      a!gridLayoutHeaderCell(label: &amp;quot;Qty&amp;quot;),
      a!gridLayoutHeaderCell(label: &amp;quot;Unit Price&amp;quot;),
      a!gridLayoutHeaderCell(label: &amp;quot;Date&amp;quot;),
      a!gridLayoutHeaderCell(label: &amp;quot;Total&amp;quot;, align: &amp;quot;RIGHT&amp;quot;)
    },
    columnConfigs: {
      a!gridLayoutColumnConfig(width: &amp;quot;DISTRIBUTE&amp;quot;),
      a!gridLayoutColumnConfig(width: &amp;quot;DISTRIBUTE&amp;quot;),
      a!gridLayoutColumnConfig(width: &amp;quot;DISTRIBUTE&amp;quot;),
      a!gridLayoutColumnConfig(width: &amp;quot;DISTRIBUTE&amp;quot;),
      a!gridLayoutColumnConfig(width: &amp;quot;DISTRIBUTE&amp;quot;)
    },
    rows: a!forEach(
      items: local!items,
      expression: a!gridRowLayout(
        contents: {
          a!textField(
            value: fv!item.item,
            saveInto: fv!item.item
          ),
          a!integerField(
            value: fv!item.qty,
            saveInto: fv!item.qty
          ),
          a!floatingPointField(
            value: fv!item.unitPrice,
            saveInto: fv!item.unitPrice
          ),
          /*date time */
          a!dateTimeField(
            value: fv!item.date,
            saveInto:fv!item.date
          ),
          a!textField(
            value: dollar(tointeger(fv!item.qty) * todecimal(fv!item.unitPrice)),
            readOnly: true,
            align: &amp;quot;RIGHT&amp;quot;
          )
        }
      )  
    ),
    rowHeader: 1
  )
)
&lt;/pre&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>