Make table in chrome:site-engagement sortable.

chrome/browser/resources/engagement/engagement_table.css

 /* Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 table,
 table td,
 table th {
   border: 1px solid #777;
   border-collapse: collapse;
   padding-left: 4px;
   padding-right: 4px;
 }
 
 table th {
   background: rgb(224, 236, 255);
+  cursor: pointer;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  white-space: nowrap;
 }
 
 .origin-cell {
   min-width: 500px;
 }
+
+table tr:hover {
+  background: rgb(255, 255, 187);
+}
+
+.sort-column::after {
+  content: '\25B2';

[Dan Beam, 2015/10/29 00:50:00]

any reason not to use '▲' directly?

[calamity, 2015/10/29 02:46:01]

Done.

+}
+
+:host([sort-reverse_]) .sort-column::after {

[Dan Beam, 2015/10/29 00:50:00]

nit: don't use _ in this case, IMO

[calamity, 2015/10/29 02:46:01]

Done.

+  content: '\25BC';

[Dan Beam, 2015/10/29 00:50:00]

same nit, re: ▼

[calamity, 2015/10/29 02:46:01]

Done.

+}