1.配置Sequel Pro bundle選項 Bundles -> Bundle Editor -> Date table 點擊show -> 然后點擊左下角+號 ，添加一個新的，按下圖設置即可 bundle scope : Date Table Input: select rows(csv) output: show as HTML 也可以選擇 SHOW AS HTML TOOLTIP 進行直接提示  1.使用Python解析出相應的內容csv格式的，代碼比較簡單，主要是python不熟 2.按照table固定格式輸出HTML即可 3.通過js進行過濾table中的元素 ~~~ #!/usr/bin/python #coding=utf-8 import urllib2, urllib import json import sys reload(sys) sys.setdefaultencoding('utf-8') data = sys.stdin.readlines() #過濾掉沒數據表格 if len(data) > 0 : print '<input type="text" id="filterName" style="width:140px;height:30px"/> <button id="filterBtn">filter</button>' print '<button id="resetBtn">reset</button><br>' else: exit(0) header = data[0].strip('\n'); headers = header.split(",") rowdata = data[1]; rowdatas = rowdata.split(",") content_tab_row = '<table border="1" cellspacing="0"> ' row_tr = "" for index in range(len(headers)): row_tr = row_tr + " <tr><th>" +headers[index].strip('"') +" </th><th>" +rowdatas[index].strip('"') +"</th> " + "</tr>" content_tab_row = content_tab_row + row_tr + "</table>" print content_tab_row #引入jQuery print '<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>' print '<script type="text/javascript">' print 'jQuery.expr[":"].contains=function(a,i,m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0};' print '$("#filterBtn").click(function(){var keyword=$("#filterName").val();if(keyword==undefined||keyword==""){return}$("table tbody tr").hide().filter(":contains(\'"+(keyword)+"\')").show()});' print '$("#resetBtn").click(function(){window.location.reload()});' print '</script>' ~~~ 這樣就算是大功告成了。 **遇到問題：** 剛開始覺得實現了展示即可，但是還是非常想實現過濾功能的，這個功能很常用， 查看文檔發現可以支持SHOW AS HTML 是支持JavaScript的 但是一直嘗試不成功，后來發現其實頁面導出的就是HTML，那按理說就可以執行js代碼，然后進行簡單測試發現真的可以實現這個功能。 所以后來又添加上了filter功能。