column-moving-styles.json

{
  "todo": [ "" ],
  "skipAlterDataCasing": true,
  "onInit": ["WebGridColumnMovingStyle"],
  "descriptions": {
    "content": {
      "type": "WebGrid",
      "dataRef": "FinancialDataAll",
      "autoGenerate": false,
      "primaryKey": "ProductID",
      "moving": true,
      "name": "grid",
      "id": "grid",
      "columnList": [
        {
          "type": "WebColumn",
          "field": "Category",
          "pinned": true,
          "width": "200px",
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Type",
          "pinned": true,
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Price",
          "dataType": "Currency",
          "pipeArgs": {
            "currencyCode": "USD",
            "type": "WebColumnPipeArgs",
            "digitsInfo": "1.2-2"
          },
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Buy",
          "dataType": "Currency",
          "pipeArgs": {
            "currencyCode": "USD",
            "type": "WebColumnPipeArgs",
            "digitsInfo": "1.2-2"
          },
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Sell",
          "dataType": "Currency",
          "pipeArgs": {
            "currencyCode": "USD",
            "type": "WebColumnPipeArgs",
            "digitsInfo": "1.2-2"
          },
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Spread",
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "Change",
          "bodyTemplateRef": "WebGridCurrencyCellTemplate",
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "ChangePercent",
          "header": "Change Percent",
          "dataType": "Number",
          "minWidth": "150px",
          "bodyTemplateRef": "WebGridCurrencyCellTemplate",
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        },
        {
          "type": "WebColumn",
          "field": "YearlyChange",
          "header": "Yearly Change",
          "dataType": "Number",
          "minWidth": "150px",
          "bodyTemplateRef": "WebGridCurrencyCellTemplate",
          "headerTemplateRef": "WebGridPinHeaderTemplate"
        }
      ]
    }
  },
  "modules": [
    "webinputs/WebBadgeModule",
    "grids/WebGridModule"
  ]
}