フィルターをかけた状態のスプレッドシートの表をＨＴＭＬに表示したいのです。選択値が変われば、ＨＴＭＬ上の表示も変わるように。

前提・実現したいこと

全くの初心者です。どうぞよろしくお願いします。
htmlで選択ボックスから選択した値をappsscriptに渡し、スプレッドシートの表にフィルターを
かけています。script実行はできるのですが、不特定多数のユーザー対象で、googleにログインしていない人は実行できないため、webアプリケーションを作ろうとしています。
フィルターをかけた状態のスプレッドシートの表をＨＴＭＬに表示したいのです。選択値が変われば、ＨＴＭＬ上の表示も変わるように。

発生している問題・エラーメッセージ

表示・非表示にかかわらず、全データが表示されます。

エラーメッセージ

該当のソースコード

試したこと

<? var data = SpreadsheetApp.getActiveSheet().getＤatarenge().getValues(); ?>

たぶん、ここで全部のデータを取得するようになっているので、非表示判定について、フィルタリング実行の後のセル範囲の値取得についてなど調べましたがわかりませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答2件

Basic filterでフィルタした結果のシートから値を取得したいとの理解です。残念ながら、getValues()やgetDisplayValues()ではフィルタが反映されていない状態の全てのデータが取得されています。

フィルタされた状態のデータ取得方法として提案されているのがSheets APIのcolumnMetadataやrowMetadataを使ってフィルタされた結果の値を取得する内容です。フィルタされているrangeを確認したい場合はこれで問題ないと思いますが、フィルタされた結果の値のみを取得したい場合は少し複雑かもしれません。そこで、次のような方法は如何でしょうか。いくつかある（かもしれない）回避策の一つとしてみてください。

パターン1

シンプルな方法としては該当のシートをウェブに公開することです。公開されたシートはフィルタされた結果のシートです。これをそのまま表示するのもありかと思います。この場合、Basic filterの条件が変化すると、再読み込みによりシートは変化します。

パターン2

実際にフィルタされた結果のシートから値を取得したい場合があります。このような場合は、次のようなスクリプトで値を取得するのは如何でしょうか。上記の「ウェブに公開」を利用して結果を取得しています。この場合、アクセストークンを使用しますので、特にスプレッドシートは公開や共有する必要はありません。

javascript
1function myFunction() {
2  var spreadsheetId = "###"; // ここにスプレッドシートIDをセットしてください。
3  var sheetId = "###"; // ここにシートIDをセットしてください。
4
5  var url = "https://docs.google.com/spreadsheets/d/" + spreadsheetId + "/gviz/tq?tqx=out:csv&gid=" + sheetId + "&access_token=" + ScriptApp.getOAuthToken();
6  var res = UrlFetchApp.fetch(url);
7  var array = Utilities.parseCsv(res.getContentText());
8  Logger.log(array); // ここで2次元配列に入った状態の値を確認できます。
9
10  // SpreadsheetApp.getActiveSpreadsheet(); // これはスクリプトエディタの自動スコープ検出を利用するためのコメント行です。念のためです。
11}