إخراج HTML قابل للفرز من R مع الصور

Question

لدي بعض البيانات في إطار البيانات.هناك صورة صغيرة مرتبطة بكل صف.

أود أن أكون قادرًا على كتابة هذه البيانات إلى HTML مع الصورة وإظهارها في كل صف كصورة مصغرة.وهذا ليس بالأمر الكبير من خلال كتابة علامة href يدويًا للربط بالصورة.

ومع ذلك، لا يمكنني العثور على طريقة للقيام بذلك وجعل جدول HTML قابلاً للفرز.الهدف هو فرز جدول HTML حسب أحد الأعمدة وفرز الصور مع الصفوف.

لقد تلاعبت باستخدام وظيفة gvisTable() الخاصة بـ googleVis للقيام بذلك ولكن لم أتمكن من عرض الصور.

أيه أفكار؟

شكرًا،

الأعلى

> sessionInfo()
R version 3.0.2 (2013-09-25)
Platform: x86_64-apple-darwin10.8.0 (64-bit)

locale:
[1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8

attached base packages:
[1] stats     graphics  grDevices utils     datasets  methods   base     

other attached packages:
[1] googleVis_0.4.7

loaded via a namespace (and not attached):
[1] RJSONIO_1.0-3 tools_3.0.2 

Answer 1

لا يمكنك التفاعل مع HTML، بحكم التعريف.إنها لغة ترميزية، مما يعني أنها توفر معلومات حول المعلومات.إذا كنت تريد فرز جدول في متصفح المستخدمين، فأنت بحاجة إلى استخدام البرمجة النصية من جانب العميل، وأفضل رهان هو jQuery.

هذا حل رائع، ويجب أن يعمل مع تطبيقك.

http://tablesorter.com/docs/

Answer 2

أنا متردد في القول أنه لا توجد طريقة للقيام بذلك باستخدام HTML الخام في الوقت الحالي، خاصة وأن HTML 5 رائع جدًا، لكنني أستخدمه http://datatables.net/ نظرًا لأنه لاذع جدًا مع وجود جداول أقل من بضعة آلاف من الصفوف وسهل التنفيذ إلى حد ما.

Answer 3

إذا كنت تريد استخدام gvisTable، يمكنك كتابة شيء مثل هذا:

data = .... your frame here, e.g.  data.frame(matrix(1:9, nrow = 3)) ... 
table <- gvisTable(data, options = list(width = 600, height = 300))
print(table, "chart")

سيقوم gvisTable بإنشاء كود Javascript يستخدم Google JS API لعرض الجدول الفعلي بناءً على البيانات الموجودة داخل هذا الرمز.

هناك أيضًا مكتبات Javascript متنوعة أخرى للقيام بهذه المهمة إذا كنت تفضل إنشاء HTML بنفسك.الق نظرة على هذا: http://www.kryogenix.org/code/browser/sorttable/ يستغرق الأمر خطوتين فقط:

1. داخل عنصر HEAD أضف:

   <script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js" type="text/javascript"></script>

2. في علامة الجدول الافتتاحي للمخرجات الخاصة بك، قم بإضافة فئة = "sortable" مثل هذا:

   u003Ctable class="sortable" style=";text-align:right;direction:rtl">........</الجدول>