google-apps-script - Google Scripts で並べ替え可能な HTML テーブルを作成する

Question

Google スクリプトを使用して、HTML テーブルがあり、列を並べ替え可能にしたいと考えています。

sortable または tablesorter jQuery プラグインのいずれかでこれを行う方法はありますか?自分のパブリック サーバーでホストせずにこれらを呼び出す方法がわかりません。また、Google Scripts の js フォルダーにそれらを含める方法もありませんか?

Answer 1

Google Scripts を使用しているため、デフォルト サービスを介して Google Visualization API を利用できます。これには、求めている結果を得ることができるTableChartBuilderが含まれます。

Visualize Your Data: Charts in Google Apps Script!のグラフ作成の例に基づいた例を次に示します。で、グラフを公開する方法についても説明しています。

function doGet() {    
  // Populate the DataTable.  We'll have the data labels in   
  // the first column, "Release", and then add two data columns,  
  // for "Income" and "Expenses"  
  var dataTable = Charts.newDataTable()      
        .addColumn(Charts.ColumnType.STRING, "Release")      
        .addColumn(Charts.ColumnType.NUMBER, "Income")      
        .addColumn(Charts.ColumnType.NUMBER, "Expenses")      
        .addRow(["1.0", 60, 55])      
        .addRow(["10.2", 50, 60])      
        .addRow(["2.10", 100, 50])
        .addRow(["12.0.1", 70, 60])      
        .addRow(["2.0.0.142", 30, 50])
        .addRow(["2.0.0.1_2", 114, 75])
        .build();

  // Build the chart. 
  var chart = Charts.newTableChart()
      .setDataTable(dataTable)  
      .build();

  // Add our chart to the UI and return it so that we can publish  
  // this UI as a service and access it via a URL.  
  var ui = UiApp.createApplication();  
  ui.add(chart);  
  return ui;
}