Specify whether the field members are case-sensitive

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<p>
  You can specify whether the field members are case-sensitive using the
  <a
    target="_blank"
    href="https://www.flexmonster.com/api/options-object/#casesensitivemembers"
  >caseSensitiveMembers</a> option.
</p>

<div class="switch-container compact">
  <label class="switch">
    <input type="checkbox" onclick="toggleControl()" checked />
    <span class="slider round"></span>
  </label>
  <span class="text" id="currentSetting">Case-sensitive field members</span>
</div>

<div id="pivot-container"></div>

CSS

@import url(https://cdn.flexmonster.com/assets/jsfiddle-styles.css);

JavaScript

const pivot = new Flexmonster({
  container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  report: {
    dataSource: {
      data: getData()
    },
    options: {
      caseSensitiveMembers: true,
      defaultHierarchySortName: "unsorted"
    }
  }
});

function toggleControl() {
  const report = pivot.getReport({withDefaults: true});
  report.options.caseSensitiveMembers = !report.options.caseSensitiveMembers;
  pivot.setReport(report);
}


function getData() {
  return [{
      "Country": "Australia",
      "Category": "Accessories",
      "Price": 174,
      "Quantity": 225,
      "Discount": 23
    },
    {
      "Country": "australia",
      "Category": "Clothing",
      "Price": 502,
      "Quantity": 90,
      "Discount": 17
    },
    {
      "Country": "France",
      "Category": "Accessories",
      "Price": 242,
      "Quantity": 855,
      "Discount": 37
    },
    {
      "Country": "FrAnCe",
      "Category": "Accessories",
      "Price": 102,
      "Quantity": 897,
      "Discount": 42
    },
    {
      "Country": "Australia",
      "Category": "Clothing",
      "Price": 680,
      "Quantity": 66,
      "Discount": 80
    },
    {
      "Country": "canada",
      "Category": "Clothing",
      "Price": 1241,
      "Quantity": 939,
      "Discount": 66
    },
    {
      "Country": "Canada",
      "Category": "Accessories",
      "Price": 1241,
      "Quantity": 939,
      "Discount": 66
    },
    {
      "Country": "France",
      "Category": "Accessories",
      "Price": 150,
      "Quantity": 67,
      "Discount": 30
    },
    {
      "Country": "CANADA",
      "Category": "Accessories",
      "Price": 501,
      "Quantity": 556,
      "Discount": 9
    }
  ]
}