【Google Sheets變成資料庫- EP4】Google試算表變成超強表格DataTable,具有搜尋、分頁、顯示幾筆以及排序功能/ Google Sheets to DataTable

Поделиться
HTML-код
  • Опубликовано: 3 ноя 2024

Комментарии • 84

  • @CwCiPhone
    @CwCiPhone  3 года назад +6

    有網頁設計師指出,如果表格裡頭有日期,會有資料出不來的現象,這個問題可以透過修改格式的方式來解決:首先先到您的試算表裡頭,將您的試算表要顯示日期的欄位,選擇起來,然後到「格式」裡頭,更改成純文字,這樣就可以避免此問題。

    • @黃一峰-v8s
      @黃一峰-v8s 2 года назад +1

      老師,因我有把要顯示日期的欄位,選擇起來,然後到「格式」裡頭,更改成純文字,但還是出現"No data available in table",執行程式都沒有任何問題,因我本身有加入巨集、以及做GOOGLE表單當作輸入資料的方式,不知是哪裡出問題呢?多謝!!

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      @@黃一峰-v8s 是google表單那裡。
      如果您的Google表單用的是「日期」格式,輸入後就會出現問題。
      您可以改成用「文字」格式,應該就沒問題。
      測試的時候,請確定刪除之前的資料,避免舊資料有格式的問題。

    • @黃一峰-v8s
      @黃一峰-v8s 2 года назад +1

      老師,我今天從頭試了一次,發現問題在哪裡了!就是要改成"文字"格式,但一改完重新整理後就正常,但一從表單新增資料或修改表單內容時,就又不行了,不知是否有方法可以解決呢?多謝!!

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      @@黃一峰-v8s 我的前一則留言已經回覆您解決的方式: 在Google Forms 裡設計的時候,不要用日期,用「文字」輸入的方式來設問題。

    • @YaCheng
      @YaCheng 2 года назад

      @@CwCiPhone 老師 我的google表單都是用文字格式,還是樣No data available in table,不知是否有方法可以解決呢?

  • @markyee5878
    @markyee5878 5 месяцев назад

    老师 我遇到困难了,我跟着你的步骤 可是我打开了显示空空的 为什么呢?

    • @CwCiPhone
      @CwCiPhone  4 месяца назад

      有沒有什麼錯誤訊息呢?應該是有什麼程式上做錯的地方

    • @markyee5878
      @markyee5878 4 месяца назад

      老师有联络方式吗?😂😂

  • @alexjip
    @alexjip Год назад

    照教學做出來datatable了但教學提供的web display那個html無法套用src移植成外部檔案,請問當如何處置呢,感謝

    • @CwCiPhone
      @CwCiPhone  11 месяцев назад

      可以寄檔案給我看看嗎?我的email是promooo@promooo.info

  • @AL-xr5ob
    @AL-xr5ob Год назад +1

    您好,程式碼目前看已經是空白的,能麻煩您再提供一次嗎?
    非常喜歡這個作品,希望在自己做一個專案前,可以有參考對象可以模仿!

    • @CwCiPhone
      @CwCiPhone  Год назад +1

      之前的網頁連結有問題,已傳到另一個網站,請到資訊區來點選新的連結。

  • @黃瑞彬-d9j
    @黃瑞彬-d9j 7 месяцев назад

    "這個應用程式是由 Google Apps Script 的使用者建立",請問部署後頁面出現這個提醒!怎麼解決 2.範例網頁找不到!請問有更改網址嗎?感謝教學

    • @CwCiPhone
      @CwCiPhone  7 месяцев назад

      可以使用這個樣本來呈現在網頁上,避免”使用者建立”的描述:Web 顯示樣本下載:cwcchannel.com/2024/04/05/google-apps-script%e7%b6%b2%e9%a0%81%e5%91%88%e7%8f%be%e6%9e%b6%e6%a7%8b/
      範例網頁的伺服器已掛…

  • @rsrkimo
    @rsrkimo 2 года назад +1

    若在進入網頁版查看資料前、可否能多一個會員註冊登入系統?
    也就是說持有HTML網址者,在進入網頁前,他必須登入帳號密碼後才可預覽資料?

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      可以有會員系統,有機會會做看看

    • @rsrkimo
      @rsrkimo 2 года назад

      期待您的影片

  • @kelvinyeung3394
    @kelvinyeung3394 2 года назад +2

    講得最好的頻道!繼續加油!

  • @brianchen5647
    @brianchen5647 2 года назад

    可以讲一下如何实现同一页面多个datatable分页搜索?

    • @CwCiPhone
      @CwCiPhone  2 года назад

      不確定意思,指的是同一個網頁上,有兩個以上dataTable 嗎?如果是的話,用把分開的datatable網頁,整合在一起。

  • @mike984304
    @mike984304 2 года назад +1

    超棒的,感謝cwc 的教學,完成了

  • @Neko6902
    @Neko6902 Год назад

    這裏也能插入小圖片嗎?
    因爲想做庫存列表

    • @CwCiPhone
      @CwCiPhone  Год назад

      可以,只要在Google Sheets上打上要呈現的網頁資訊,例如: ,就可以呈現在表格上

  • @youtoeric
    @youtoeric Год назад +1

    感謝~

  • @allen520
    @allen520 2 года назад

    老師,想請教一下,假設6月1號陳小明透過google表單回報自己的身體狀況,此時表單資料透過表單傳輸到google試算表,但到了6/2號陳小明再次透過google表單匯報自己的身體狀況時,google試算表內就會出現兩筆陳小明,請問有什麼程式可以讓程式感應到陳小明三個字出現時,自動覆蓋試算表內舊的陳小明資料嗎?或者讓舊的陳小明資料自動刪除?目前我用的是比較笨的方法就是顏色標示重複值的函數,若出現兩筆陳小明就會變紅色給我看,我再用人工的方式去刪除。

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      有幾個方式可以做,通常你這種案例要做的是追縱log,所以不建議刪掉之前的,反而是留下之後來瞭解身體狀況的變化時程。設計時就多出一個選項,可以選擇身體狀況,例如一開始「不好」,下次他就輸入「很好」,這樣就知道時程的變化。
      如果一定要覆蓋舊的,可以用「更新」的功能,就像是會員資料更新一樣,把舊的資料編輯後,按下更新就覆蓋。
      有關於更新,這是屬於比較進階的內容,目前正在寫這方面的書籍,完成後未來會分享

    • @allen520
      @allen520 2 года назад

      @@CwCiPhone 老師講的紀錄系統很專業🥺想學。目前是期待老師的這個課程。因為目前經搜尋全台灣還有沒有人做這個教學。但網路上發問需求的很多,供給已經失衡了。老師現在您很搶手。

    • @allen520
      @allen520 2 года назад

      @@CwCiPhone 希望老師可以教如何讓我們大家的表單能舊蓋新。這是大家目前最敲碗想學的吧,另一個Boris老師有說怎麼不用google表單內建的使用者修改回答內容功能就好,但他忘了,這樣使用者每次就要反覆填信箱。會非常不方便。而且遇到數量龐大的人員就會回報速度變慢

  • @b.jackj.4030
    @b.jackj.4030 2 года назад

    請問這個能夠部署在 Google Site 上嗎?

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      可以,只要在GoogleSites上面插入完成後的連結就可以了。會做影片的說明,麻煩你到本頻道的網頁設計訂閱,近期會推出,網頁設計專屬頻道在這裡:ruclips.net/channel/UCRYfAp2eNu5L35etTHQeV5w

  • @燕子-c6l
    @燕子-c6l 2 года назад +1

    超棒的,感謝cwc 的教學,完成了
    請教您
    套用bootstrap後可以用css做頁面美化的修改嗎?謝謝

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      沒有問題的,bootstrap用完之後,還可以再用 CSS來美化修改自己想要的內容,本頻道的bootstrap影片很多都是這樣修改的。
      另外,我有注意到您有訂閱CWC網頁設計的頻道,謝謝支持,由於iPhone和網頁設計放在一起有點混淆,所以本頻道有另外再開設一個專門的網頁設計,到時候那個頻道用好之後,會在那邊更新影片,謝謝支持

    • @燕子-c6l
      @燕子-c6l 2 года назад

      @@CwCiPhone 不客氣,感謝您做這些教學,我學到很多

  • @ww024067
    @ww024067 2 года назад

    老師先感謝您的教學影片,也成功做出來了 但是為什麼傳送HTML檔案給別人用手機開啟時會顯示空白呢?

    • @CwCiPhone
      @CwCiPhone  2 года назад

      有可能在部署的時候,權限有限制,在部署時,改成所有人可以存取,應該就沒問題

  • @簡文雯
    @簡文雯 2 года назад

    想問下 部屬出來的網址( 網址尾部是 /exec) 我出來的就只會有 這個應用程式是由其他使用者建立而非Google 下面空白
    然後點測試部屬 ( 網址尾部是 /dev) 反而就正常
    是權限設定的問題嗎?

    • @CwCiPhone
      @CwCiPhone  2 года назад

      我不太確定你的問題描述,確認一下:
      你是說你部屬的時候是exec,無法正常呈現,然而其它使用者部屬是dev,可以正常呈現?這是你的問題意思嗎?

  • @shenxing9894
    @shenxing9894 2 года назад

    如何将Google sheet里面的url链接,在网页上也能以链接形式,呈现在table里面呢?

    • @CwCiPhone
      @CwCiPhone  2 года назад

      在Google Sheets裡的資料要用html 的程式就可以產生鏈結的形式,換句話說,要使用 在你的資料表裡頭,這樣就可以有超連結

  • @josn6150
    @josn6150 2 года назад

    請問顯示資料是否可以選擇只秀出指定欄位,有試過修改程式中columns:[ 下方將欄位數量減少,執行後表頭資料正確但內容仍舊依照順序顯示,無法呈現正確資料)請問該如何修改程式。謝謝

    • @CwCiPhone
      @CwCiPhone  2 года назад

      可以用其它的方式來指定所要顯示的資料範圍,不過先問一下是要減少欄位(例如7欄變3欄位),還是減少資料列(100個資料列變成20個資料列)?

    • @josn6150
      @josn6150 2 года назад

      老師好我想減少欄數,可以只選擇部分欄位顯示嗎?另外老師提到的減少資料列是否只能以Search來處理!可以多重項目篩選嗎?

    • @CwCiPhone
      @CwCiPhone  2 года назад

      做了個影片,用另一個方法來選擇資料範圍,應該可以解決你的問題:ruclips.net/video/Cq6_hIkffPU/видео.html

    • @b.jackj.4030
      @b.jackj.4030 2 года назад

      @@CwCiPhone 為了解決表單自動帶入 日期戳 會造成datatable無法顯示問題, 可以指定 googlesheet 欄位嗎? 例如 BCD, G, 然後 顯示欄位順序 GBCD

  • @sossis767
    @sossis767 2 года назад

    老師好 :請問有辦法在表格內顯示圖片嗎?
    如試算表其中一格輸入圖片網址,網頁上可以顯示對應圖片
    請問這樣是辦得到的嗎?
    請您有空告知~謝謝

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      可以,在試算表上輸入這段程式
      src放入圖片網址,這樣就可以了

    • @sossis767
      @sossis767 2 года назад

      ​@@CwCiPhone 老師感謝您的回覆,原來這麼簡單,我還找超久,太感謝了~

    • @CwCiPhone
      @CwCiPhone  2 года назад

      謝謝支持,對了,為了將網頁設計以及iPhone相關的內容分開,我另外為網頁設計開另一個頻道,歡迎到那邊訂閱,之後的網頁設計影片都會在那裡更新,謝謝
      頻道在這:ruclips.net/channel/UCRYfAp2eNu5L35etTHQeV5w

    • @sossis767
      @sossis767 2 года назад

      @@CwCiPhone 老師感謝您的推薦,也與您坦白會找到您的頻道教學的主因,希望能不考慮安全性的狀態下,可以利用GAS 達到一般資料庫的使用(如PHP),目前在您的教學頻道上我已經學會了在網頁上達到GAS的「寫入」「讀取」「查詢」功能,唯獨「刪除/修改」還在摸索,在此想請教老師,有機會是否可以建立一個「完整的客戶系統」的教學,可利用網頁達到上述的功能,讓我們這種私人網站能夠有個簡易操作的資料庫,謝謝您也祝您一切順心😁

    • @cwcAI
      @cwcAI 2 года назад +1

      @@sossis767 編輯以及刪除的功能比較進階,難度也會較高,其實我目前在寫一本有關於Google Apps Script的書,提供一個比較系統化的學習GAS概念,裡頭就會講述到這樣的功能,等書寫到一個段落之後,會分享給大家知道

  • @MoMo-zk8rb
    @MoMo-zk8rb 2 года назад

    我打開預覽時,怎麼空白的, 而且網頁顯示 說 這個應用程式是由其他使用者建立而非Google

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      空白的可能性是程式出錯,檢查看看哪裡有問題
      「應用程式是由其他使用者建立而非Google」這個是Google想要強調的,因為擔心其它人誤以為是Google 做的。不過這個訊息透過來插入到html網頁後就不會出現

    • @MoMo-zk8rb
      @MoMo-zk8rb 2 года назад

      @@CwCiPhone 會不會是我起先步驟沒做好html的原因。

    • @MoMo-zk8rb
      @MoMo-zk8rb 2 года назад

      部署都有成功,等到要預覽結果打不開,不過我的試算表,只填標籤而已,沒寫內容, 會不會是這個原因

  • @bryantsai2259
    @bryantsai2259 Год назад

    老師請問一下,我依您提供的「網頁顯示」程式,在佈署時已選所有人,但是只有在登入自己的google帳戶時才能正常顯示,非本人帳號會顯示「很抱歉,目前無法開啟這個檔案。
    請檢查地址並再試一次。」,可能是什麼原因呢?

    • @CwCiPhone
      @CwCiPhone  Год назад

      可能的原因就是你有多個Google的帳號,請先跳出所有你的帳號,然後使用這一個試算表的帳號來開啟,這樣才會正常。
      另外本頻道已經將網頁設計移到另外一個頻道,歡迎來訂閱喔youtube.com/@cwc8096

  • @allen520
    @allen520 2 года назад

    謝謝老師的教學,讓我在工作上能得以應用,但小弟想反映,這個資料庫透過電腦看很正常,但如果是透過手機看的話,發現文字過多版面會有拉長的問題
    請問要如何調整他的每個資料欄位的寬度比例呢

    • @CwCiPhone
      @CwCiPhone  2 года назад +1

      可以參考這一集的內容,裡頭有介紹解決方案:
      ruclips.net/video/Sps1JT_SITs/видео.html

    • @allen520
      @allen520 2 года назад

      @@CwCiPhone 謝謝老師

  • @k.k.1108
    @k.k.1108 3 месяца назад

    背景音樂太嘈

  • @YaCheng
    @YaCheng 2 года назад

    請教導師~ 我是用"google表單"連到"google sheet "依照老師code,結果顯示No data available in table? 請問老師這是什麼問題呢

    • @CwCiPhone
      @CwCiPhone  2 года назад

      應該是資料格式的問題,你有用”日期”之類的資料格試嗎?

  • @arguskao
    @arguskao 2 года назад

    不知道這樣問會不會不好意思,如果要改成搜尋以後才會去抓資料,應該怎麼做,因為資料量很大,其實一開始就都出來,可能會拖慢速度!

    • @cwcAI
      @cwcAI 2 года назад

      你所說的就是搜尋引擎那集的內容,影片在這:ruclips.net/video/OH51tMGJQFk/видео.html

    • @arguskao
      @arguskao 2 года назад

      @@cwcAI 感謝您這麼親切,我另外想問的是,那篇搜尋是沒有限定哪一欄的內容,這樣如果資料量大,會不會速度慢很多呢?
      謝謝您!

    • @CwCiPhone
      @CwCiPhone  2 года назад

      由於手邊沒有大量的資料,所以無法測試,不過資料越多,速度當然相對會受影響,不過由於伺服器端是由Google所管理的,應該可靠

  • @takoh3310
    @takoh3310 2 года назад

    請問有能連結本地xls的方法嗎

    • @CwCiPhone
      @CwCiPhone  2 года назад

      這裡所使用的是Google試算表,因此只支援Google的產品,如果要連結微軟的Excel,可以用像是PHP的網頁程式來連結

  • @tsaicachi2272
    @tsaicachi2272 2 года назад

    老師好~想問一下 html 呈現出來的表格寬度該如何調整,資料顯示出來會被卡到自動換行~
    謝謝老師的分享

    • @CwCiPhone
      @CwCiPhone  2 года назад

      表格最麻煩的就是寬度,因為螢幕大小不一,電腦、平板、手機,造成表格會自動換行的情形,所以即使去調整寬度,手機螢幕還是會換行。
      DataTable官網上提供調整欄位寬度的方式,連結在這:datatables.net/reference/option/columns.width
      另外一個不錯的解決方式是這一個:datatables.net/examples/api/row_details.html
      但如果是我,我表格欄位不會超過三欄,用其它的方式來呈表格細節資料。

  • @jerryhsu7679
    @jerryhsu7679 2 года назад

    search 常常會碰到日期區間的過濾,老師可否給個方向呢

    • @CwCiPhone
      @CwCiPhone  2 года назад

      可以搜尋日期區間,DataTable的官方網站有提供使用的資訊,參考看看:datatables.net/extensions/datetime/examples/integration/datatables.html