kui | hybrid command-line/UI development experience | Command Line Interface library

console.log(data) can have a confusing output, because what you see in the console is what the value of data is at the time you are looking, which may not have been the value at the time it was actually printed to the console.

To avoid this, I suggest changing the console.log to the following:

Different user-agents have different default styles for html elements. Many websites and frameworks start with specially crafted CSS to normalize or reset styles consistently across different browsers and operating systems, and then layer on their own styles afterward.

Try using one of these systems to start from a consistent point across user-agents. Alternatively, you'll need to test on various user-agents and determine which styles need to be overwritten. For instance, it looks like the tablet has a gradient on the button, which you'd need to override using the background property instead of the background-color property.

You can use terms aggregation, to get unique values from field2

The reason the components do not appear is because the Header is inside teh Switch it should be outside

That is because just by invoking Array.prototype.sort() without any comparator function will default to the behavior of:

the array elements are converted to strings, then sorted according to each character's Unicode code point value.

...which is not what you want. Instead, you will want to only compare the values returned by the first_name key using String.prototype.localeCompare instead, i.e.: