クリックしたtable要素をCSVとしてダウンロードするJavaScriptスニペット

クリックしたtable要素をCSV形式でダウンロードするスニペット。
Cheome DevTooolsのConsole機能かSnippets機能から使用する。

##使い方

1. 後述のスクリプトをChrome DevToolsのConsoleから実行
2. 「CSVとしてダウンロードしたいtable要素をクリックしてください」と出るのでEnterで消す
3. CSV形式でダウンロードしたいtable要素をクリック
4. クリックした要素がCSV形式でダウンロードされる
5. しあわせ

##スクリプト

{
  let loader=(src,callback)=>{
    let s=document.createElement('script');
    s.src=src;
    document.body.appendChild(s);
    s.onload=()=>{callback()};
  }
  loader('//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js',
    ()=>{
      loader('//cdn.jsdelivr.net/npm/table2csv@1.1.3/src/table2csv.min.js',
        ()=>{
          jQuery('table').on('click.table2csv',function(){
            jQuery(this).table2csv('output',{appendTo:'#out'});
            jQuery(this).table2csv('output', {filename:'table.csv'});
            jQuery(this).table2csv();
            jQuery('table').off('click.table2csv');
          });
          alert('CSVとしてダウンロードしたいtable要素をクリックしてください');
        }
      )
    }
  );
}

##使用したライブラリ

• table2csv CDN by jsDelivr - A CDN for npm and GitHub - https://www.jsdelivr.com/package/npm/table2csv